C9、CSS的三大特性

C9、CSS的三大特性

一、谷歌的开发工具

1. F12或者找到开发者工具

2. 开发工具中的CSS样式可以调整，非灰色背景的样式是代码所写的

二、CSS的继承性

1. 作用：给父元素设置属性，子元素也能使用

2. 能继承元素：以line、color、font-、text-开头的属性才能被继承

3. 不仅儿子能够继承，只要是后代都能被继承

4. 继承性中的特殊：1.a标签的文字颜色和下划线不能继承。2.h标签的文字大小是不能继承的

5. 应用场景：一般用于设置网页上的一些共性信息

三、CSS的层叠性

1. 作用：层叠性就是CSS处理冲突的一中机制

2. 注意：层叠性只有多个选择器选中“同一个标签”然后又设置“相同属性”

四、优先级

1. 作用：当多个选择器选中同一个标签，并给统一标签设置相同属性，层叠就由优先级来判断

2. 是否直接选中：直接选中 高于间接选中，如果都是间接选中（继承）就近原则

3. 直接相同选择器：依照顺序，谁在后面就是谁

4. 直接不同选择器： id>类>标签>通配符>继承>浏览器默认

五、important

1. 作用：用于提升某个直接选中标签的某个属性的优先级，直接提升到最高权限。

2. 注意：1. 只用于直接选中 2. 通配符是直接选中

六、权重

1. 作用：当多个选择器混合的时候，可以通过权重来判断优先级

2. id>类>标签>通配符>继承>浏览器默认

3. 只计算到标签，优先级一致，写在后面的使用样式（就近原则）

4. 权重只有直接选中才有用