css的语义---Cascading Style Sheet

目录

css的语义（cascading style sheet）

cascading

层叠性

style sheet

css的舞台—style

style sheet的含义

style的继承性

---

css的语义（cascading style sheet）

cascading

• 层叠性

1. 一个标签可以有多个选择器给其增加样式，这里的多个选择器既可以指不同类型的选择器，也可以指的是多个相同类型的选择器。

例如：

结果为：

 

1. 2 层叠性：css利用权重处理冲突的能力 

我们给标签增加的样式是否能够作用于标签，这取决于我们增加样式的选择器的权重。

选择器如果直接作用于目标标签，就是有权重；如果选择器没有直接作用于目标标签，

只是通过继承性作用于标签，那么权重一开始为0。

选择器的权重大小是：id选择器 > 类选择器（伪类选择器） > 标签选择器

权重的计算方法：（id选择器的数量，类选择器的数量（伪类数量），标签选择器的数量）例如（1，3，1）就是有一个id选择器，三个类选择器，一个标签选择器，在计算比大小的时候要注意，十个标签选择器也干不过一个类选择器，比大小顺序从左到右，不进位。

提升权重的方法：！important。在其他所有条件（例如：离标签的远近）都相同，只有权重不同的情况下，！important能将目标选择器的权重提到最高。！important不能影响权重比较的就近准则。书写  ！important 的时候要注意，要提升哪个属性就写在哪个属性的后面，有几个属性要提升，就写几遍。

层叠性的原理：

style sheet

• css的舞台—style

所有的css代码都要写到style标签里面，因此style标签是css的舞台。

style的type是 text/css：纯文本类型

• style sheet的含义

每一种样式都有很多的属性和表示方法

• style的继承性

有一些属性是可以通过继承父亲，或爷爷得来的，不直接作用于自己的属性。

具有继承性的属性有：

1.text-系列，例如：text-decoration：underline；

2.font-系列，例如：font-size：20px；

3.inline-系列 ，例如 inline-height：20px；

4.color