CSS样式

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=“取