CSS基础教程3——字体和文字样式(上)

CSS基础教程3——字体和文字样式(上)

本节开始前先说一下CSS推荐的书写顺序：1.浮动/display2.盒子模型(margin padding border)以及宽度高度背景色3.文字样式

字体大小

font-size:值;

值需要有单位例如：px等等。

字体粗细

font-weight:值;

取值有英文和数字normal(正常),bold(加粗)对应数字为400，700，数字型有100~900(取整百)九种，部分字体不显示部分取值(意思是除了两种特殊的取值以外，有可能部分数字增加不会改变字体粗细)。

字体斜体

font-style:值;

取值比较常用的有normal(正常);italic(倾斜)。

字体系列

font-family:值;

常见字体:无衬线字体(sans-serif).衬线字体(serif),等宽字体(monosapace),值可以写多个从左往右查找是否安装(值可以写多个，根据用户电脑中安装的字体从左到右查找直到配对为止)。

样式层叠问题

一个标签设置了相同的属性后面的会覆盖掉前面的，实际效果如下图：

可以看到<span>