16、HTML、XHTML与CSS：级联样式表应用全解析

HTML、XHTML与CSS：级联样式表应用全解析

在网页设计中，级联样式表（CSS）是一项强大的工具，它不仅可以简化页面的布局和维护，还能实现直接格式化无法达成的效果。下面将详细介绍CSS的相关知识和操作方法。

理解样式级联

CSS被描述为“级联”的，是因为样式可以在多达四个不同的级别上应用，属性从顶层向下流动，并覆盖较低级别中的任何重复属性。在级联的底部，最终的属性将应用到网页上。具体级别如下：
1. 顶级 ：使用标签的 style 属性应用的任何样式（关于 style 属性的更多信息，请参考相关资料）。
2. 二级 ：网页本身的 <style> 元素中定义的任何样式（被视为内部样式表）。
3. 三级 ：链接到网页的外部样式表（或多个样式表）中定义的任何样式。
4. 四级 ：访问者在其浏览器中选择的设置。

这四个级别会产生以下结果：
|级别关系|结果|
| ---- | ---- |
|外部样式表与访问者浏览器设置|外部样式表中的格式设置会覆盖访问者的浏览器设置。|
|内部样式表与外部样式表|内部样式表（ <style> 元素）中定义的格式设置会覆盖外部样式表中的格式设置。但是，如果 <link> 标签在头部的 <style>