主要学习方法介绍、软件安装相关使用和快捷键（浏览器、Hbuilder）、项目开发流程（产品的原型图需求文档、设计的效果图、技术的开发文档）和web 网页的组成部分等课程内容。

CSS 基本使用

一、定义

Css 在国内被称之为级联样式表、层叠样式表、样式表，它的作用就是修饰当前网页中

的 HTML 元素。

二、基本使用步骤

CSS 与 HTML 可以看做是二门 互相独立的语言， 时如果想用 CSS 来操作 HTML 那么 此

就需要先将二者建立关系。

此时在 HTML 当中就准备了一个叫 style 的标签( 它是一个双标签 )，在这个标签对之

间就可以用来书写我们的 CSS 代码。常见的存放位置可以是 head 标签里 title 标签下。

通过 CSS 的选择器找到我们想要操作的元素然给它设置样式( 写在 style 标签之中 )

1.16 体验 CSS

常见的 CSS 元素属性：

width 定义元素宽度单位是 px ，

height 定义高度，

background-color 设置背景颜色。

CSS 代码书写的固定语法:

选择器{ CSS 代码 }

建议大家在开发阶段将 CSS 样式分行写，且每行的结尾用==;== 结束。

1.17CSS 选择器

一、定义

所谓的 CSS 选择器就是 CSS 中已经定义好的用来选中某些元素的固定语法。 的作用 它

就是选中我们想要设置样式的元素。

二、CSS 选择器的分类

在 CSS 中有很多种选择器，我们人为的分成二大类： 简单选择器 + 复合选择器。

三、简单选择器：
标签名选择器：通过具体的 HTML 标签名称来选择元素。【会将当前网页中所有叫该名
字的标签都选中】
类名选择器：通过标签类名来选择元素
Id 选择器：通过 id 名称选择元素。
1.18 类名选择器
一、为什么需要类名选择器
一个完整的网页需要很多标签组合在一起进行编写实现，因为 HTML 标签的种类有限，
所以同名的一个标签有可以会在一个网页中出现多次。 此时如果想对这些同名的标签分别设
置不相同的样式。那么直接使用标签名选择器就没有办法实现。这种情况下我们就可以使用
类名选择器。
二、类名选择器的基本使用步骤
定义 HTML 网页结构，然后在我们想选中的元素身上设置 class 属性。
将我们想要一起选中的元素们 身上设置相同的 class 属性值( 类名 )
此时我们只需要在 style 标签中按着固定的语法来调用我们的类名: .类名
1.19Id 选择器
一、为什么需要 id 选择器
如果我们只想从一堆元素当中选中其中的某一个元素，那么就可以使用 id 选择器。这
个 id 就和人的身份证号是一样的。
二、Id 选择器使用
在我们想要选中的元素身上设置一个 id 属性。
给这个 id 属性设置一个值，我称为 id 名。
在 style 当中通过固定的语法来进行调用： #id 名{}
注：要求在一个网页当中不能出现同名的 id 值