CSS - 文本

行距

---

用 法

line-height : 1.6em ;   /* 1em相当于当前字体的尺寸，2em 就等于当前字体的 2 倍 */

字母间距

---

用 法

letter-spacing : 3em ;  /* 每个字之间距离会增加 3em */

文本对齐方式

---

用 法

text-align : center ;  /* 文字 居中对齐 */
text-align : left ;   /* 文字 向左对齐 */
text-align : right ;  /* 文字 向右对齐 */
text-align : justify ;  /* 文字 两端对齐 常用 */ 

文本缩进

---

缩进就是文本前面的空格

用 法

text-indent : 9px ;   /* 缩进 9px */
text-indent : 9em ;   /* 缩进 9em */
text-indent : 50% ;   /* 缩进 50% */

投影

---

用 法

text-shadow : 8px 8px 8px #FF6600 ;  /* 1、水平投影 2、垂直阴影 3、模糊的距离 4、颜色 */

注 意

1、水平投影

• 正数表示向右
• 负数表示向左

2、垂直阴影

• 正数表示在下方
• 负数表示在上方

3、模糊的距离

• 正数表示在下方
• 负数表示在上方

4、投影的颜色值

• 可以用十六进制方式表达颜色
• 可以用其他方法（rgb值 / 直接颜色名称 都可以）