CSS中设置文本的样式 [CSS][Web前端]

CSS中修饰文本的样式

1. font-size

   • 设置字体大小
     • 正文一般font-size都是14 - 16

2. font-family

   • 设置字体:
     • eg: 宋体,楷体等等

3. color

   • 字体颜色

4. font-style

   • 字体样式
     • eg:斜体(italic)

5. font-weight

   • 设置字体加粗

6. text-align

   • 设置文本位置
     • eg:居中
       • 这里的居中指的是水平方向的居中
         • 那么垂直方向的居中要如何实现?
         • 我们可以将我们的字体行高设置到和我们的文字占据的块或者是行一样高(通过line-height样式)

7. text-decoration

   • 设置对文本的修饰
     • line-through : 表示穿过文本的一条线
     • underLine : 表示给文本加上下划线
     • none : 表示去掉一切对文本的修饰

8. text-indent

   • 设置对文本的缩进
     • 我们如果要设置缩进两个字符,我们就可以设置为text-index : 2em
       • em表示当前一个字符的大小

9. line-height

   • 设置行高
     • 我们之前说设置文字的垂直居中就要通过设置行高来完成: 我们可以将行高设置到和对应的块或者是行一样高

10. letter-spacing

    • 设置每个字符间距

11. word-spacing

    • 设置每个单词之间的间距

总结: font就是字体 , text就是文本 , Line就是文本行 , letter就是字符 , word就是单词