CSS04 - 常用外观属性

css 注释

CSS 规则是使用“/*"和“*/”进行注释的，即在需要注释的内容前使用 "/*"标记开始注释，在内容的结尾使用 “*/”结束。

例如：

p {    font-size: 14px; /*p标签中的字体大小时14像素*/}

color: 文本颜色

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

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

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

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

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

TIPS：

1、一般情况下用十六进制方式表示颜色时，我们喜欢使用小写字母 比如 #ff0000。

2、css 我们颜色简写 比如 #ff0000 可以简写为 #f00 #ff00ff 简写为 #f0f

line-height: 行间距

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

在 div 中使用 line-height 时，若 line-height 属性值与 div 高度相同，能实现文本在 div 中垂直居中效果

text-align: 水平对齐方式

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

left：左对齐（默认值）

right：右对齐

center：居中对齐

text-indent: 首行缩进

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

常用属性值有 px 和 em 两种：

1、px：若字体大小为 16px，则两个字符为 32px，若要定义首行缩进 2 字符则代码如下

text-indent: 32px;

2、em：无论字体大小为多少像素，其定义首行缩进 2 字符的代码都相同，代码如下

text-indent: 2em;

对比以上，建议使用 em 作为设置单位。