CSS字体与文本

CSS字体与文本

字体属性：

font-family：字体种类。

font-size：字体大小。

font-style：字体样式。

font-weight：字体加粗。

font-variant：字体变化。

font（简写属性）。

1 font-family：字体种类

有以下5种通用字体：

serif，也就是衬线字体，在每个字符笔画的末端会有一些装饰线；

sans-serif，也就是无衬线字体，字符笔画的末端没有装饰线；

monospace，也就是等宽字体，顾名思义，就是每个字符的宽度相等（也称代码体）；

cursive，也就是草书体或手写体；

fantasy，不能归入其他类别的字体（一般都是奇形怪状的字体）。

2 font-size：字体大小

默认是16px，1em等于font-size设置的值。

3 font-style：字体样式

斜体italic、正常normal。

4 font-weight：字体加粗

加粗：bold，正常：normal.

5 font-variant：字体变化

小写英文字母变成小型大写字母：small-caps、正常：normal。
6 font（简写属性）
规则一：必须声明font-size和font-family的值。
规则二：所有值必须按如下顺序声明。
1.font-weight、font-style、font-variant不分先后；
2.然后是font-size；
3.最后是font-family

二 文本属性

text-indent：首行缩进。

letter-spacing：字符间距。

word-spacing：单词间距。

text-decoration：文本下划线。

text-align：对齐方式。

line-height：行高。

text-transform：文本转化。

vertical-align：

1 text-indent：首行缩进。正负均可，相对单位em，绝对单位px.使用相对地址在继承时，看的时最终的计算值。

2 letter-spacing：字符间距。正值时增大字符间距，为负值时缩小间距，使用相对单位较好。

3 word-spacing：单词间距。英文文本使用。

4 text-decoration：文本装饰。

下划线：underline、上画线overline、中间贯穿线：line-through、闪烁：blink、无装饰：none。

5：text-align：对齐方式 ：left、right、center、justify。

6：line-height：行高。
7：text-transform：文本转化。

none、uppercase、lowercase、capitalize。英文文本首字母大写、全部字母大写和全部字母小写
8 垂直对齐：vertical-align 以基线为参照上下移动文本，但这个属性只影响行内元素。如果你想在垂直方向上对齐块级元素，必须把其display属性设定为inline。
如果哪里写错了，有疑惑可留言哦，谢谢指出，共同进步哦！