11.38 css三大特性
11.381 继承性
1、定义:给某一个元素设置一些属性,该元素的后代也可以使用,这个我们就称之为继承性
2、注意:
1、只有以color、font-、text-、line-开头的属性才可以继承
2、a标签的文字颜色和下划线是不能继承别人的
3、h标签的文字大小是不能继承别人的,会改变,但是会在原来字体大小的基础上改变
ps:打开浏览器审查元素可以看到一些inherited from...的属性
3、应用场景:
通常基于继承性统一设置网页的文字颜色,字体,文字大小等样式
11.382 层叠性
定义:CSS全称:Cascading StyleSheet层叠样式表,层叠性指的就是CSS处理冲突的一种能力,即如果有多个选择器选中了同一个标签那么会有覆盖效果
注意:
1、层叠性只有在多个选择器选中了同一个标签,然后设置了相同的属性,才会发生层叠性
11.383 优先级
1、定义:当多个选择器选中同一个标签,并且给同一个标签设置相同的属性时,如何层叠就由优先级来确定
2、优先级
整体优先级从高到底:行内样式>嵌入样式>外部样式
1、大前提:直接选中 > 间接选中(即继承而来的)
2、如果都是间接选中,那么离目标标签比较近的优先级高,就近原则
3、如果都是直接选中,并且都是同类型的选择器,那么写在后面的优先级高
4、如果都是直接选中,并且是不同类型的选择器,那么就会按照选择器的优先级来层叠
#内联>id > 类 > 标签 > 通配符(也算直接选中) > 继承 > 浏览器默认(即没有设置任何属性)
5、优先级之!important
!important方式来强制指定的属性的优先级提升为最高,但是不推荐使用。因为大量使用!important的代码是无法维护的。
注意:
1、!important只能用于直接选中,不能用于间接选中
2、!important只能用于提升被指定的属性的优先级,其他属性的优先级不会被提升
3、!important必须写在属性值分号的前面
11.39 字体属性
1、font-weight:文字粗细(字重)
normal 默认值,标准粗细 bord 粗体 border 更粗 lighter 更细 100~900 设置具体粗细,400等同于normal,而700等同于bold inherit 继承父元素字体的粗细值