CSS基础 - 字体及选择器

选择器

优先级：
1) !important > 权重计算 > 继承样式 > 通配；
2) 权重优先级计算：内联 (1,0,0,0) > ID (0,1,0,0) > 类|属性|伪类 (0,0,1,0) > 标签|伪元素 (0,0,0,1)；
例：



3) 总权重相等，后出现的优先于先出现的；

字体

font-family：
1) 例：font-family：Microsoft Yahei, "微软雅黑", Helvetica, Arial, SimSon, sans-serif；
2) 按顺序查找系统可支持的字体；
3) 先写中文字体，后写英文字体；部分浏览器在第一个字体找不到，会直接使用默认字体，可通过改变字体大小来调节；
4) 中文名称的字体带上引号，避免乱码引起后面字体无法识别；英文名称的字体则不必带引号，避免多出空格而无法精确匹配；

通用字体：

1) sans-serif：无衬线字体，适合大字体（Tahoma, Verdana, Arial, Helvetica, 中文的幼圆、隶书）
2) serif：衬线字体，适合小字体（Georgia, Garamond, Times New Roman, 中文的宋体）
3) monospace：等宽字体（Courier New）

font-size:
1) px：字体占用像素大小
2) em：字体相对父节点大小
3) rem：字体相对根结点大小
4) %：字体相对父节点大小