什么是级联样式表（CSS），介绍级联样式表（CSS）。

一 介绍

级联样式表（CSS）是用于描述以标记语言编写的文档的呈现的样式表语言。[1]尽管通常用于设置以HTML和XHTML编写的网页和用户界面的视觉风格，但该语言可以应用于任何XML文档，包括纯XML，SVG和XUL，并且适用于语音呈现，或在其他媒体上。以及HTML和JavaScriptCSS是大多数网站使用的基石技术，用于创建视觉吸引力的网页，用于Web应用程序的用户界面，以及许多移动应用程序的用户界面。[2]

二 使用

在CSS之前，HTML文档的几乎所有呈现属性都包含在HTML标记中。所有字体颜色，背景样式，元素对齐方式，边框和大小必须经常在HTML中重复显式描述。CSS允许作者将大部分信息移动到另一个文件，样式表，从而导致相当简单的HTML。

例如，在结构上使用HTML定义了标题（h1元素），子标题（h2），子子标题（h3）等）。在打印和屏幕上，这些元素的字体，大小，颜色和重点的选择是表示的。

在CSS之前，想要将这种印刷特征分配给所有h2标题的文档作者必须针对该标题类型的每次出现重复HTML表示标记。这使得文件更复杂，更大，更容易出错，难以维护。CSS允许从结构分离表示。CSS可以定义颜色，字体，文本对齐，大小，边框，间距，布局和许多其他排版特征，并可以独立于屏幕和打印的视图。CSS还定义了非视觉风格，如阅读速度和听觉文本阅读器的重点。在W3C现在已经过时了使用的所有表象的HTML标记。[11]

例如，在CSS之前，用红色文本定义的标题元素将被写为：

< h1 > < font  color = “red” >演示一</ font > </ h1 >

使用CSS，可以使用样式属性而不是HTML表示属性对相同的元素进行编码：

< h1  style = “color：red;” >演示一</ h1 >

这样做的优点可能不是很明显（因为第二种形式实际上更详细），但是当样式属性放置在内部样式元素中，或者更好的是外部CSS文件时，CSS的力量变得更加明显。例如，假设文档包含样式元素：

< style > h1  { color ： red ;} </ style>

h1文件中的所有元素将自动变为红色，无需任何明确的代码。如果作者后来想使h1元素变成蓝色，那么可以通过将样式元素更改为：

< style > h1  { color ： blue ;} </ style >

而不是费力地通过文档和更改每个单独h1元素的颜色。

样式也可以放置在外部CSS文件中，如下所述，并使用类似于以下的语法进行加载：

< link  href = “path / to / file.css”  rel = “stylesheet”  type = “text / css” >

这进一步将样式与HTML文档分离，并且可以通过简单地编辑共享的外部CSS文件来修复多个文档。

三 来源

CSS信息可以从各种来源提供。这些来源可以是Web浏览器，用户和作者。来自作者的信息可以进一步分为内联，媒体类型，重要性，选择器特异性，规则顺序，继承和属性定义。CSS样式信息可以在一个单独的文档中，也可以嵌入到HTML文档中。可以导入多个样式表。根据使用的输出设备可以应用不同的样式; 例如，屏幕版本可能与印刷版本完全不同，因此作者可以适当地为每个媒体定制演示文稿。

优先级最高的样式表控制内容显示。未设置在最高优先级源中的声明将传递到较低优先级的源，例如用户代理样式。这个过程称为级联。

CSS的目标之一是允许用户更好地控制表示。发现红色斜体的人难以阅读的人可能会使用不同的样式表。根据浏览器和网站，用户可以从设计人员提供的各种样式表中进行选择，或者可以使用浏览器的默认样式删除所有添加的样式并查看网站，也可以仅替换红色斜体标题样式，而无需更改其他样式表属性。