15、深入理解CSS：样式表、定位与布局

深入理解CSS：样式表、定位与布局

1. CSS字体大小设置

在CSS中，设置元素的字体大小有多种方式。例如，要将元素的文本显示为默认字体大小的150%，可以使用以下语法：

font-size: 1.5em;

或者

font-size: 150%;

除了相对长度单位，CSS还提供了绝对长度单位，如英寸（in）、厘米（cm）、毫米（mm）、点（pt，1 pt = 1/72 in）和皮卡（pc，1 pc = 12 pt）。当设置样式属性（如 font-size 、 margin-left ）时，如果值为零，则不需要指定单位。

建议 ：尽可能使用相对长度单位，因为使用绝对长度单位可能会导致文档在某些客户端浏览器（如手机浏览器）上无法正常阅读。

2. 链接外部样式表

样式表是创建具有统一主题文档的便捷方式。外部样式表（即仅包含CSS规则的单独文档）可以为整个网站提供统一的外观和感觉。不同页面可以使用同一个样式表，当需要更改样式时，只需修改一个CSS文件即可。

以下是一个外部样式表的示例（ styles.css ）：

/* Fig. 3.4: styles.css */
/* External stylesheet */