22、网页样式与样式表的使用指南

网页样式与样式表的使用指南

1. 理解样式

在网页设计中，早期 HTML 标准主要用于定义文档的结构元素，而非格式化。浏览器在很大程度上决定了元素的显示方式，早期浏览器也允许用户控制单个 HTML 元素的显示。然而，随着网络成为重要的发布媒介，开发者不再满足于让用户随意改变精心设计的网页。于是，出现了新的格式化 HTML 标签，如 <font> 标签，但这仍无法提供足够的页面元素控制。为了控制网站内页面的一致性，级联样式表（CSS）标准应运而生。

1.1 什么是样式

样式是一组带有标签的格式化指令，即样式声明，可应用于网页元素。样式声明创建后，可直接嵌入特定页面以控制该页面元素，也可收集到样式表中，链接到多个页面以实现一致的外观和感觉。样式表是样式定义的集合，使用 CSS 语法的纯文本文件，用于格式化 HTML 页面元素。

样式表格式化比标准 HTML 更具通用性，能实现许多标准 HTML 无法完成的页面效果，如为段落添加背景图像、精确设置文本大小、添加文本边框以及调整行间距等。但过度使用样式也存在问题：一是网站访问者通常对过度设计的页面缺乏耐心；二是浏览器对样式的支持并不完整和一致。

1.2 CSS 的发展历程

CSS 是由万维网联盟（W3C）制定的标准，用于规定样式的定义方式。CSS 1 标准自 1996 年 12 月起成为推荐标准，但浏览器对其完整支持的进程较慢。微软的 Internet Explorer 3.0 是首个提供部分支持的浏览器，但实现效果不佳。4.x 版本的浏览器，包括微软和网景的，对该标准的支持程度各异。截至目前，Internet Explorer