CSS_03_Css的外观属性

CSS外观属性

color:文本颜色

---

color属性用于颜色定义，其取值有3中方法

1. 预定义的颜色，如red,green,blue;
2. 十六进制，如#FF00000 简写#f00;
3. RGB代码，如红色可以表示为rgb(255,0,0)或rgb(100%,0,0)。

line-height:行间距

---

line-height属性用于设置行间距，就是行与行之间的距离。一般情况下，行距比字号大7、8px左右。在设置高度的情况下，行间距=高度 就能让文本垂直居中。

text-align:水平对齐方式

---

text-align属性用于设置水平对齐方式。

值	例子	描述
left	text-align=left;	左对齐，默认
right	text-align=right;	右对齐
center	text-align=center;	居中

text-indent:首行缩紧

---

text-indent属性用于设置文本的缩紧，一般使用em为单位，

1em = 2字节

如果设置文本首行缩紧的话，需设置2em。

letter-spacing:字间距

letter-spacing属性用于定义字间距，所谓字间距就是字体与字体之间的距离。

值	例子	描述
normal	letter-spacing:normal;	默认值，没有字间距
length	letter-spacing:2px;	数值可以为负数

word-spacing针对英文单词，中文无效。

颜色半透明（css3）

采用rgb()的方式进行颜色设置，增加了一个a属性（alpha透明），取值范围为0~1,数值越高透明效果越低。

color: rgba(1,0,0,0.3);

文字阴影效果（css3）

text-shadow属性用于设置文本的阴影效果，其中有四个参数。

text-shadow:水平位置 垂直位置 模糊距离 阴影颜色;

值	描述
h-shadow	必须。水平阴影位置
v-shadow	必须。垂直阴影位置
blur	可选。模糊距离
color	可选。阴影颜色