Day 08 CSS <文本属性>

CSS Text 属性可定义文本的外观
例如 : 文本的颜色、对齐文本、装饰文本、文本缩进、行间距

1.文本颜色

color用於定义文本的颜色

div{
color: red or #FF0000 or rgb(255,0,0);
}

2.文本对齐

text-align用於设置文本内容的水平对齐方式

div{
text-align: center; (居中对齐)
text-align: left; (左对齐)
text-align: right; (右对齐)
}

3.装饰文本(加线)

text-decoration可添加文本装饰，可给文本添加下划、删除、上划线

div{
text-decoration: none; (默认 文字没有线) 可给<a>使用 使<a>删除下划线 
text-decoration: underline;  (下划线)
text-decoration: overline;  (上划线)
text-decoration: line-through;  (删除线)
}

4.文本缩进

text-indent用来指定文本的第一行缩进，通常是将段落的首行缩进

div{
text-indent: 10px;
}

text-indent经常使用em当作单位，em是一个相对单位，就是当前font-size 1个文字的大小，如果当前元素没有设置大小，则会按照父元素的1个文字大小
sample :

P{
text-indent:2em;
}

5.行间距

line-height用於设置行间距离，可以控制文字行与行之间的距离

p{
line-height: 26px;
}

文本属性范例