CSS基础3——使用CSS格式化元素内容的字体

1、CSS属性单位：

(1)长度单位：包括绝对长度单位和相对长度单位

绝对长度单位包括：cm、mm、in、pt、pc等。绝对长度单位最好用于打印输出设备，在仅作为频幕显示时，绝对长度值并没有什么意义。

相对长度单位包括：px、em、ex等。相对长度指元素尺寸相对于浏览器的系统默认值来相应的缩放。em是相对于当前对象中文本M的字体尺寸大小。ex是相对于当前对象中文本x的字体尺寸大小。如果当前对行内文本额字体尺寸未被人为设置，则相对于浏览器默认字体尺寸。

px，em，百分比的转换：16px = 1em = 100%    1px = 0.0625em = 6.25%

(2)颜色单位：

百分比表示，如color：rgb(50%,0,50%);

用0-255之间的整数值来设置，如color：rgb(128,0,127);

使用十六进制数组定义颜色，如color：#e1e1e1；

使用简化的十六进制数定义颜色，如color：#fa1；等同于#ffaa11;

用颜色的英文，如black(黑色)，white(白色)等。

(3)URL单位：格式是在"url"后面紧跟一个括号，括号中是url的地址。

2、设置元素内容的字体

(1)设置字体名称：font-family

可以设置如宋体，Arial等字体。要使用安全字体(如arial 、verdana、宋体等)，不能使用偏僻字体。可以同时制定多个字体，使用时用逗号分开，这样设置好处在于，如果电脑里没有第一个字体，浏览器可以使用后面指定的字体。

(2)字体倾斜程度：font-style

属性值包括 normal/italic/oblique

(3)字体的变体：font-variant

属性值包括 normal / small-caps。使用small-caps属性的元素的字体中的大写字母看起来要比正常的大写字母小一些。

(4)字重：font-weight

属性值包括 normal / bold / bolder / lighter / 100 / 200 / 300 / 400 / 500 / 600 / 700 / 800 / 900 。400相当于normal，700相当于bold,900是最重字体。 bolder 或 lighter 表示字体的字重比父元素高或低一级

(5)字体大小：font-size

属性值包括：<绝对大小>(如12pt) / <相对大小>(如1.5em) / <百分比>(如150%)

(6)字体属性的缩写：font ， 属性顺序按照{font-style 、 font-variant 、 font-weight 、 font-size 、 font-family}，中间用空格分开。如 p{font:normal small-caps bold 120% 宋体；}