- 全称:Cascading Style Sheet
2. 选择器
选择器 {
属性:值;
属性:值;
}
选择器用于匹配HTML元素,有不同的匹配规则,多个选择器可以叠加。
浏览器解析CSS选择器方式和我们写选择器的方式是相反的:从右往左
选择器分类
伪元素(双冒号)是真实存在的元素,可以被显示出来的元素;伪类(单冒号),当鼠标hover或者。。。元素某种状态下的样式。
选择器的权重
例子:
事实上,10个类选择器不等于1个id选择器的权重,多少个类选择器叠加都抵不过一个id选择器。
其他规则:
直接写在属性里面的style=
属性的权重是最高的。
权重一样:就近原则。
- 非布局样式:字体
- 字体族 font-family
衬线字体(宋体) 非衬线字体(苹方) 等宽字体 手写体 花体 - 多字体 fallback:系统找不到该字体就往后找。
- 网络字体、自定义字体
- iconfont
- 非布局样式:行高