学习笔记之CSS设计文本

CSS设计文本

1. 字体类型：font-family

2. 字体大小：font-size

3. 字体颜色：color

4. 字体粗细：font-weight  （normal表示默认值-正常字体）

5. bold较粗    lighter较细

6. 斜体字体：font-style  （normal默认字体、italic斜体、oblique倾斜（只在拉丁字符中有效））

7. 装饰线：text-decoration（none默认值、underline下划线、overline顶划线、line-through删除线、blink闪烁线）

8. 字体大小写：① font-variant（small-caps小型的大写字母字体）； ②  text-transform：（none默认、capitalize第一个单词变大写、uppercase所有字母变成大写、lowercase所有字母转换成小写）。

9. 文本水平对齐：text-align（left默认值，左对齐；right右对齐；center居中对齐、justify两端对齐）

10. 文本垂直对齐：vertical-align（auto自动对齐、length长度值或百分数）（baseline默认值基线对齐、sub文本下标、super文本上标、top顶端对齐、text-top文本顶部对齐、middle居中对齐、bottom底端对齐、text-bottom文本底部对齐）

11. 字距、词距：字符间距：letter-spacing；单词间距：word-spacing。如：letter-spacing:2em；

12. 行高：line-height（normal默认值1.2em，length百分比数字、长度值，可以为负值）

13. 首行缩进：text-indent（建议用用em，少用length）