Cascading Style Sheet（级联样式单），缩写为CSS，也被称为层叠样式单，主要用于网页风格设计，包括字体大小、颜色，以及元素的精确定位等。在传统的Web网页设计里，使用CSS样式单能让原来单调的HTML网页更富表现力。
HTML 5规范推荐把页面外观交给CSS去控制，而HTML标签则负责标签、语义部分。HTML 5删除了传统的<font.../>、<big.../>和<strike.../>等专门控制页面外观的标签，而把页面外观的控制工作交给CSS负责。换句话说，对于一个前端程序员来说，仅掌握HTML 5绝对是不够的，开发者必须同时掌握HTML 5+CSS的相关知识。
样式单概述
样式单（Style Sheet）是一种专门描述结构文档表现方式的文档，它既可以描述这些文档如何在屏幕上显示，也可以描述它们的打印效果，甚至声音效果。样式单一般不包含在结构化文档的内部，而以独立的文档方式存在。与HTML描述数据显示方式的传统方法相比，样式单有许多突出的优点。
➢ 表达效果丰富：样式单可以支持文字和图像的精确定位、三维层技术以及交互操作等，对于文档的表现力远远超过HTML中的标记。更重要的是，样式单的标准规范独立于其他结构文档的规范，当需要实现更丰富的表达效果时，仅需修改样式单即可，无须修改原始的数据文档内容。
➢ 文档体积小：在实际应用中，如果相同标记下的内容有相同的表现方式，使用传统的方法需要为每个标记分别定义显示格式，造成大量的重复定义。而在样式单中，对于同一类标记只需进行一次格式定义即可，大大缩小了需要传输的文件体积，可提高传输速度，并节约带宽。
➢ 便于信息检索：虽然样式单可以实现非常复杂的显示效果，但样式单的显示逻辑与数据逻辑分离，显示细节的描述并不影响文档中数据的内在结构。因此，网络搜索引擎对文档进行检索时，更容易检索到有用信息。
➢ 可读性好：样式单对各种标记的显示进行集中定义，且定义方式直观易读。这使得它易学易用，可读性、可维护性都比较好。而结构化的数据文档也相对简洁、清晰，突出对内容本身的描述功能。
正是由于样式单的种种优点，W3C组织大力提倡使用样式单描述结构文档的显示效果。迄今为止，W3C已经给出了两种样式单语言的推荐标准，一种是级联样式单CSS（Cascading Style Sheets），另一种是可扩展样式单语言XSL（eXtensible Stylesheet Language）。
CSS概述
级联样式单是一系列格式规则，这些规则用于控制网页内容的外观：从精确的布局定位到特定的字体和样式，CSS样式都可以一样表现出色，甚至对于一些网页特效，也可借助于CSS实现。CSS样式单除了可用于控制HTML文档的显示外，也可用于控制XML文档的显示格式。
CSS样式单可以将数据逻辑和显示逻辑分离，从而提高文件的可读性。除此之外，CSS还可以提供其他的显示方式，例如声音（虽然这种情况很少见，但如果浏览者有这种需求也是可实现的）。CSS主要提供如下两个功能。
➢ 对页面的字体、颜色控制更加细腻，让页面内容更富表现力，CSS的表现效果远远超出传统HTML页面的color、bgcolor等属性的表现力。
➢ 通过CSS控制整站风格，CSS样式单可以同时控制整个站点所有页面的风格，如果整个站点所有的页面效果都需要改变，则可直接通过CSS样式单控制，避免逐个修改每个页面文件。
CSS的发展历史
目前，CSS的最新版本是CSS 3.0，这也是本书所介绍的CSS版本。下面简单介绍CSS的发展历史。
➢ CSS 1.0：1996年12月，CSS 1.0作为第一个正式规范面世，其中已经加入了字体、颜色等相关属性。
➢ CSS 2.0：1998年5月，CSS 2.0规范正式推出。这个版本的CSS也是最广为人知的一个版本，以前的前端开发者使用的一般的就是这个版本的CSS规范。
➢ CSS 2.1：2004年2月，CSS 2.1对原来的CSS 2.0进行了一些小范围的修改，删除了一些浏览器支持不成熟的属性。CSS 2.1可认为是CSS 2.0的修订版。
➢ CSS 3.0：2010年，CSS 3规范推出，这个版本的CSS完善了前面CSS存在的一些不足，例如，颜色模块增加了色彩校正、透明度等功能；字体模块则增加了文字效果、服务器字体支持等；还增加了变形和动画模块等。
虽然此处我们介绍的是CSS 3.0规范，但需要指出的是，目前依然有些浏览器（尤其是Internet Explorer）对CSS 3.0的支持不甚理想。如果是一些更早期的浏览器，那就更不可能支持CSS 3.0规范了。因此开发者在使用CSS 3.0时，应该先评估用户的浏览器环境是否支持相应的CSS版本。
注：本博客内容节选自李刚编著的疯狂HTML 5/CSS 3/JavaScript讲义 ，详细内容请参阅书籍。