CSS 基础 4

font:综合设置字体样式 (重点)

font 属性用于对字体样式进行综合设置，其基本语法格式如下：

选择器{font: font-style  font-weight  font-size/line-height  font-family;}

使用 font 属性时，必须按上面语法格式中的顺序书写，不能更换顺序，各个属性以空格隔开。

​

注意：其中不需要设置的属性可以省略（取默认值），但必须保留 font-size 和

font-family 属性，否则 font 属性将不起作用。

CSS 外观属性

color:文本颜色

color 属性用于定义文本的颜色，其取值方式有如下 3 种：

1.预定义的颜色值，如 red，green，blue 等。

2.十六进制，如 #FF0000，#FF6600，#29D794 等。实际工作中，十六进制是最常用的定义颜色的方式。

3.RGB 代码，如红色可以表示为 rgb(255,0,0)或 rgb(100%,0%,0%)。

需要注意的是，如果使用 RGB 代码的百分比颜色值，取值为 0 时也不能省略百分号，必须写为 0%。

line-height:行间距

ine-height 属性用于设置行间距，就是行与行之间的距离，即字符的垂直间距，一般称为行高。line-height 常用的属性值单位有三种，分别为像素 px，相对值 em 和百分比 %，实际工作中使用最多的是像素 px

一般情况下，行距比字号大 7.8 像素左右就可以了。

text-align:水平对齐方式

text-align 属性用于设置文本内容的水平对齐，相当于 html 中的 align 对齐属性。其可用属性值如下：

left：左对齐（默认值）

right：右对齐

center：居中对齐

text-indent:首行缩进

text-indent 属性用于设置首行文本的缩进，其属性值可为不同单位的数值、em 字符宽度的倍数、或相对于浏览器窗口宽度的百分比 %，允许使用负值, 建议使用 em 作为设置单位。

1em 就是一个字的宽度 如果是汉字的段落， 1em 就是一个汉字的宽度

****

text-decoration 文本的装饰

text-decoration 通常我们用于给链接修改装饰效果