css阶段第一节 1~3天

一.css

1.定义：

层叠样式表，主要用于设置html页面中的文本内容以及外观显示样式。

2.与html的关系

css阶段第一节 1~3天

3.引入css的方式

1.行内样式：通过在标签中设置style属性达到实现控制标签样式的效果

css阶段第一节 1~3天 css阶段第一节 1~3天

2.内部样式：在head标签中嵌套一个style标签，在其中书写css的样式

css阶段第一节 1~3天 css阶段第一节 1~3天

3.外部样式：

①通过link标签：rel是指定当前html文件和css文件的关系是样式表。 href是指定外联样式表的路径。

css阶段第一节 1~3天

②import：导入样式会导致css文件不能并行下载（导入样式的书写必须在所有的css规则书写之前）

css阶段第一节 1~3天

4.css语法

选择符，属性声明，括号

css阶段第一节 1~3天 css阶段第一节 1~3天 5.属性

width: 宽度 height：高度 color：前景色

bgc：背景色 font-size：字体大小

6.注释

① 单行注释： /* 注释内容 */ （注释不能嵌套）

② 多行注释：

/*

多行注释内容

*/

③ 模块注释：

css阶段第一节 1~3天

④ 文件头的注释：

css阶段第一节 1~3天

二.选择器

1.

css阶段第一节 1~3天

2.通配符* 代表所有标签，通过通配符选择器可以选择页面中所有的标签

3.ID选择器： 根据标签的id属性值（必须唯一）进行样式设置。 符号是 #

命名规范：

css阶段第一节 1~3天

4.类选择器：

对html标签中class属性进行选择。 符号是 .

标签可以包含多个类选择器，在class标签中用空格隔开

例如：

css阶段第一节 1~3天

5. css复合选择器

由两个或多个基础选择器，通过不同方式组合而成

① 标签指定式选择器（交集选择器）

由两个选择器构成，其中第一个为标记选择器，第二个为class选择器或id选择器，两个选择器之间不能有空格

css阶段第一节 1~3天

② 后代选择器

用来选择元素或元素组的后代

③ 并集选择器

各个选择器通过逗号隔开

css阶段第一节 1~3天

三. 伪类选择器

css阶段第一节 1~3天

四. css 的特性

1. 层叠性：后来设置的样式会覆盖之前的样式

2. 继承性：子容器会继承父容器的样式。

部分样式能继承：字体大小，颜色

盒子样式不能继承：高宽，边距，背景色

五. 优先级

1. 继承的样式大于默认的样式

2. 通配符选择器的样式优先级高于继承样式

3. 标签选择器的优先级高于通配符选择器

4. 类选择器样式的优先级高于标签选择器

5. ID选择器的优先级高于类选择器

6. 行内样式的选择器优先级高于id选择器