web前端笔记03---与文字有关的样式

font标签

font-weight:文字加粗

• bold：加粗 ；
• normal：正常；

font-style:文字倾斜

• italic:斜体；
• normal：正常；

font-size:文字大小

• 用数字加单位（像素：px）来表示文字大小

font-family:设置字体

• 用双引号包裹住字体名就可以了；

font样式的复合写法

-设置行高的时候要在字体大小后面加上’ / '。

行高

• line-height:行高:文字在一行里面占用的位置，当行高与容器的高度一致时，文字会垂直居中。
• 多行文字测量行高的办法：
  1. 确定文字的大小
  2. 确定两行文字之间的空隙大小
  3. 空袭大小除以2，得出来的值就是每行文字的上下的空袭的大小
  4. 注：当行高的大小为奇数时，文字的上方要比下方少一个像素，当行高为偶数时 ，那么文字的上下空隙一致。

段落

color：该段落文字的颜色

• 正常表示颜色的方式都可以为其值。

text-align:文本对齐（显示）

• left(默认)，right，center。

em：字体大小的单位

• 一般根据当前字体大小来计算

text-indent：首行缩进

• 以em为标准单位

text-decoration:文本修饰

• underline 下划线。
• none 没有下划线。

letter-spacing：字母间距

• 数字加上单位就行了。

word-spacing：单词间距

• 以空格为解析单位。

white-space：强制不换行

• normal：正常（换行 ）；
• nowrap：不换行；

小技巧：

• 一个空格的大小时宋体字状态下文字大小的一半。
• 测量文字的大小最好使用从上到下的方法。