CSS常用样式——文字三属性、盒子实体化三属性

文字三属性

        颜色（color）、字体（font-family）、字号（font-size）

颜色

        作用：给文字设置颜色

        属性名：color

        属性值：颜色名、颜色值

颜色名

        红色（red）橙色（orange）黄色（yellow）绿色（green）青色（cyan）蓝色（blue）紫色（purple）黑色（black）白色（white）金色（gold）粉色（pink）浅黄色（lightyellow）黄绿色（yellowgreen）天蓝色（skyblue）……

颜色值

        颜色值是指使用具体颜色的数值表示；其中包括：rgb模式和十六进制模式写法；

rgb模式：是根据红绿蓝三原色进行混合而成的颜色模式；每个原色的取值范围是0-255，一共256个数值；书写方法为：rgb（红,绿,蓝）

十六进制模式：是rgb模式的一种简化写法，使用十六进制的数字字符去替换十六进制的0-255的数字；书写方法为：使用#开头，后面连续书写红、绿、蓝三个颜色的十六进制的两位数值

字体

        作用：定义元素内文字的字体

        属性名：font-family（字体属于font综合属性的一个单一属性）

        属性值：字体名称，必须包裹在一对引号中，属性值可以有多个，值之间使用逗号分割

常用字体

        中文：宋体（SimSun）；微软雅黑（Microsoft Yahei）

        英文：Arial；consolas

注意：如果不设置字体属性，不同的浏览器有自己的默认字体；其设置多个字体名称时，在实际加载时只会选择一种加载，选择的依据是按书写顺序进行，如果浏览器不支持第一个字体，则会尝试下一个，直到找到第一个支持的字体；浏览器中加载的字体是用户机器中自带的，如果用户的电脑中没有设置的字体则加载失败，需要查找下一个，因此，必须在最后设置一个所有机器都具备的通用字体作为后路；中文字体中一半带有英文可以加载的字体效果，为了避免对英文字的字体影响，建议将英文字体写在属性值的最前面

字号

        作用：设置文字的大小

        属性名：font-size（字号属于font综合属性的一个单一属性）

        属性值：可以使用相对长度单位，也可以使用绝对长度单位。推荐使用相对长度单位。

单位

相对长度单位

px（像素值，最常使用的单位）

em（背书，继承自祖先元素设置的字号的倍数）

%（百分比，继承自祖先元素设置的字号的百分比）

绝对长度单位

in（英寸）cm（厘米）mm（毫米）pt（点）

注意：如果HTML中不设置字号，不同的浏览器有自己默认的加载字号；不同的浏览器也有自己最小加载显示字号，如果设置的字号低于最小字号，都以最小字号加，0除外。

---

盒子实体化三属性

        宽度（width）、高度（height）、背景颜色（background-color）