CSS 三大特性
申明冲突:多个选择器,选中同一个元素,相同属性名不同属性值。浏览器自动触发重叠机制。
1.层叠性就近原则
2.继承性
text-,font-,line-,color 可以继承
强制继承 1.继承不能继承的属性 2.继承已经声明过的属性
子元素 {属性:inherit}
3.优先级 权重相同,层叠性。 不同,采取优先级。权重越大,级别越高。
继承或* 权重0000 标签选择器 权重0001 类选择器 权重 0010 id选择器 权重0100
style 权重1000 !important 权重无穷大 div{color:red!important}
算法:.nav a {} 权重 0,0,1,0+0,0,0,1=0,0,1,1(加法,不进位)
注:一定要看标签有没有被选中 选中了比较权重 没有选中权重为0,因为继承的权重为0
CSS应用
font 字体
1.font—size 大小 p{ font-size:20px; } 一般直接给body指定大小 body{ font-size:16px; }
em父元素字体大小 %同em rem根元素大小
2.font-family 字体 p{ font-family:Arial,“Microsoft YaHei”,“宋体” } 优先使用,不支持尝试下一个字体 Unicode编码
@font-face 调用字体 @font-face { src=“字体路径” font-family=“取