CSS文本属性——CSS学习笔记（4）

4 CSS的文本属性

4.1 文本颜色

• 属性：color
• 属性值：
  • 预定义的颜色值，如red,green,blue等
  • 十六进制（最常用），如#FF0000(红色)、#FF6600等。可以双击选定“#FF0000”，把鼠标放在那，然后就可以在窗口中选择颜色
  • RGB代码，如rgb(255,0,0)（红色）、rgb(100%,0%,0%)。把鼠标放在(255,0,0)处也可以在窗口中选择颜色

4.2 对齐文本

• 用于设定元素内文本内容的水平对齐方式
• 属性：text-align
• 属性值：
  • left：左对齐，默认值
  • right：右对齐
  • center：居中对齐

4.3 装饰文本

• 给文字添加下划线、删除线、上划线等
• 属性：text-decoration
• 属性值：
  • none：默认。没有装饰。最常用。可以用来去掉链接自带的下划线。
  • underline：下划线。链接a自带下划线。常用。
  • line-through：删除线，没什么用。
  • over-line：上划线，没什么用。

4.4 文本缩进

• 通常用于首行缩进。
• 属性：text-indent
• 属性值：
  • 数字px（文本缩进距离）：如20px，即首行缩进20像素的距离
  • 数字em（em是一个相对单位，是当前元素font-size的一个文字的大小，如果当前元素没有设置大小，则为父元素的一个文字大小）：如2em，即首行缩进两字的距离

4.5 行间距

• 用于设置行间的距离，即行高。
• 行间距从上到下依次由三个部分组成：行间距=上间距+文本高度+下间距

          |上间距           |
中国人     |文本高度         | 行间距
          |下间距           |

• 属性：line-height
• 属性值：数字px，如26px，如果文本高度是16px，则上下间距各5px
• 行高的测量：可以利用FastStone Capture的屏幕标尺等进行测量，测量的时候从上一行文字的底部测到下一行文字的底部