字体和文本的相关属性

一、字体相关属性

1. color:该属性用于控制字体颜色，该属性值包括字符类型的颜色名、十六进制的颜色值、rgb(255,255,255)值。还有CSS3提供的HSL颜色值。

（2）font-famliy:设置文字的字体。因为浏览器内嵌字体的支持，该属性

可以设置多个显示字体，浏览器按该属性指定的多个字体依次搜索，

以优先找到的字体来显示文字，多个属性值之间用逗号(,)隔开。

（3）font-size:设置字体的大小（常用）。此处的字体大小分为相对字体大小和绝

对字体大小。还可以使用关键字。例如：medium,samle,large, samller

,larger等.

例如：（代码：）

（CSS中：）

（浏览器中：）

绝对字体大小：使用像素(px),点(pt),皮卡(pc),英寸(in)来设置字体的大小，它们是绝对单位，设置多大就是多少，不会受到祖先元素的字体大小影响。

相对字体大小：使用百分比(%),em或者rem,这些单位的值是相对的，该字体的大小要相对该元素最近的“被设定过字体大小”的祖先元素来确定，比绝对字体大小的设定要复杂点。

1. font-style:设置字体的风格。属性值有：normal(正常),italic(斜体),oblique(倾斜)。
2. font-weight:设置字体是否加粗。属性值：lighter,normal,bold,bolder.
3. font-variant:设置文字的大写字符的格式。属性值：normal,small-caps(小型的大写字母字体)

（7）font: 简写。简写规则：

规则一：必须声明font-size和font-famliy的值

规则二：声明顺序

①font-weight,font-style,font-variant不分先后

②然后是font-size

③最后是font-famliy

二、文本属性

1. text-decoration:用于控制文字是否有修饰线。属性值：none,underline(下划线),line-through(中划线),overline(上划线)

例如：（代码：）

（浏览器中：）

1. text-align:设置文本对齐。属性值：center, left,right,justify(两端对齐)

（3）text-shadow:该属性用于设置的文字是否有阴影效果。

     color:指定该阴影的颜色。

            xoffset:指定阴影在横向上的偏移。

            yoffset:指定阴影在纵向上的偏移。

            radius：A指定阴影的模糊半径。模糊半径越大，

                   阴影看上去越模糊。

           多重阴影：多加几组数据即可。

                sytle="text-shadow:5px 5px 2px #cf0

（4）line-height:设置文字的行高，即字体最低端与字体内部顶端之间的距离。负值的行高可以实现阴影效果。

（5）text-transform:设置文字的大小写。属性值：none,capitalize(首字母大写),uppercase(全部大写),lowercase(全部小写)

（6）letter-spacing:设置字符之间的间隔。

例如：10px

（7）word-spacing:设置单词之间的间隔。