级联样式表非常简单，也就是 (X)HTML 网页之上的分层设计。使样式表 “级联”，这样您就可以跨站点应用它 — 也就是说，将样式应用到网站，它就会自行应用到每个网页的每个元素。
常用缩略语
●API：应用程序接口
●CSS：层叠样式表
●HTML：超文本标记语言
●XHTML：可扩展 HTML
对于网站，将数据与设计分离是一个重要的概念：数据使用 (X)HTML 发送到浏览器，而设计使用 CSS 应用到该数据。这种分离使人们在拥有特殊可访问性需要时无需您的设计即可渲染网页，还使机器（比如搜索引擎）能够建立网站索引而不会受到设计的阻碍。
本文详细介绍各种已经存在和现代的 CSS 技术，以增强网站观感性。本文需要一定的 (X)HTML 知识，它应被视为开发的一个参考点，充当设计网站的初始平台。
CSS 的格式
CSS 样式元素的结构很简单：

1 2 3 4

html-tag-name {  css-property-key-1: css-value-1;  css-property-key-2: css-value-2;  }

其中 html-tag-name 可以是您能在 HTML 代码中找到的任何标记（比如 < a>、< /a>、< div>、< ul>< li>或 < label>）。除了 HTML 标记，在 CSS 代码中它也可以是前面带有井号（#）的 ID 引用，如下所示：

1 2 3

#id-of-html-tag {  … }

或者在 CSS 代码中这个标记可以是一个前面带有点/句点（.）的类引用：

1 2 3

.class-of-html-tag {  …  }

CSS 的这些部分（html-tag-name、id-of-html-tag 或 class-of-html-tag）称为简单选择器，可嵌套（使用空格分开）使用以在 HTML 中实现更高的粒度，如下所示：

1	outer-html-tag-name inner-html-tag-name { … }

或者作为一个列表来将一种设计元素应用到多个选择器：

1	1st-html-tag-name, 2nd-html-tag-name { … }

诚然，上述代码对于理解 CSS 形式化语法而言比较抽象。因此，本章其余部分将着重介绍更具体、更有帮助的示例，凸显 CSS 的简单性、潜能和灵活性。