11、CSS 文本排版与样式设置全解析

CSS 文本排版与样式设置全解析

1. 设置字体大小

在排版中，文本大小是一个重要的考虑因素，可使用 font-size 属性来定义：

font-size: size;

其中， size 是 CSS 测量单位中的长度值，可以是整数（如 0、1、2…）或小数（如 0.5、1.6、3.9…）。CSS 中的长度（和宽度）可以用绝对单位或相对单位表示。

1.1 绝对单位

绝对单位的大小是固定的，与输出设备无关，通常仅用于印刷媒体。常见的绝对单位有：
| 单位 | 名称 |
| ---- | ---- |
| mm | 毫米 |
| cm | 厘米 |
| in | 英寸 |
| pt | 磅 |
| pc | 派卡 |

例如，将页面正文文本的字体大小设置为 12pt：

body {font-size: 12pt;}

注意，大小值和单位缩写之间不要插入空格。

1.2 相对单位

由于大多数情况下，页面设计师不知道渲染页面的设备的确切属性，因此绝对单位的使用受到限制。设计师通常使用相对单位，这些单位是相对于网页中其他对象的大小或设备本身的显示属性来表示的。

1.2.1 像素（px）

像素是大多数设备的基本单位，代表输出设备上的一个点