什么是CSS

CSS是Cascadiiing(层叠)Style(样式)Sheet(表)的简称,及层叠样式表。CSS的作用是对页面上的元素进行装饰,使页面看起来更加的美观。

CSS的使用方式

CSS的使用方式有三种,内联、内嵌、外联。

内联样式:在标签的style属性中直接引入css。该方式不能复用,不推荐使用,会使页面元素和css样式掺杂在一起,代码不美观。

内嵌样式:在head中通过style标签引入css。该方式可以在当前页面中进行复用,但多页面间不能复用,不推荐使用。

外联样式:在head中通过link标签引入外部的css文件。该方式可以在多页面间复用,推荐使用。

CSS的优先级

当用上述三种方式对同一个html标签进行设置时,哪个样式会生效?

优先级顺序:

规则1:最近的祖先样式比其他祖先样式优先级高。

规则2:”直接样式”比”祖先样式”优先级高。

规则3:内联样式 > ID 选择器 > 类选择器 = 属性选择器 = 伪类选择器 > 标签选择器 = 伪元素选择器。

规则4:计算选择符中 ID 选择器的个数(a),计算选择符中类选择器、属性选择器以及伪类选择器的个数之和(b),计算选择符中标签选择器和伪元素选择器的个数之和(c)。按 a、b、c 的顺序依次比较大小,大的则优先级高,相等则比较下一个。若最后两个的选择符中 a、b、c 都相等,则按照”就近原则”来判断。

规则5:属性后插有 !important的属性拥有最高优先级。若同时插有 !important,则再利用规则 3、4 判断优先级。

CSS选择器

在CSS中,选择器是一种模式,用于选择需要添加样式的元素。

注:

[1] 查看最新的CSS选择器-w3school