样式概述
样式是级联样式表 (CSS) 中定义的一组格式特征。可以将样式应用到网页中的内容，包括文本（个别字符或整个段落）、图形、层、表格甚至整个网页正文。使用样式，可以有效地重复使用一组属性和值，而无需在每次要使用时重新进行设置。
就某种意义上来说，CSS 的样式是级联的，即：除非有局部样式规则替代了全局样式规则，否则就会对 HTML 元素应用全局样式规则。一般来说，局部样式规则的优先级高于通用样式规则。例如，网页的内部 CSS 中的样式会替代外部 CSS 中定义的样式。同样，网页上的单个 HTML 元素中定义的嵌入式 CSS 会替代网页的内部或外部 CSS 中为其定义的任何样式。即使应用了局部样式，全局样式规则中与局部 CSS 样式规则不冲突的部分仍然会应用到 HTML 元素。
样式的类型
外部或内部 CSS 中的样式可以具有类、元素或 ID 选择器。一种样式由其规则集定义，包含选择器，后跟出现在左花括号 ({) 和右大括号 (}) 之间的属性声明的块。每种类型的样式都通过其选择器来区别于其他类型的样式；句点 (.) 出现在基于类的样式的选择器之前；数字符号 (#) 出现在基于 ID 的选择器之前；基于元素的样式的选择器仅包含 HTML 元素，如 H1。
类选择器
使用类选择器可以定义要用于网页中一个或多个项的一组属性。如果需要修改样式，可以编辑该样式的规则集，随后已经应用了该样式的每一项都会自动反映所做的更改。
在下例中，“introduction”是样式的选择器，“font-size: small”是一个属性声明，后面跟着第二个属性声明。
类选择器的规则集示例
.introduction {font-size: small; color: white}
应用于 <p> 标记的类选择器示例
<p class="introduction">
元素选择器
使用元素选择器可以定义要对网页中特定 HTML 元素的所有实例使用的一组属性。例如，若要在网页中的所有段落（<p> 标记之间的内容）周围创建 25 像素的边距，可以创建一个样式，在样式中使用 p 元素作为其选择器且包含 margin 属性的声明，如下列代码所示：
元素选择器的规则集示例
p { margin-left: 25px; margin-right: 25px }
ID 选择器
如果希望为一个或一组项定义一组属性，使它们与一个或多个网页中的所有其他内容区分开，请使用 ID 选择器。如果希望为网页中的单个 HTML 元素设置样式，请使用 ID 选择器。
基于 ID 的样式的规则集示例
#footer {background-color: #CCCCCC; margin: 15px}
应用于 <p> 标记的基于 ID 的样式示例
<p id="footer">
级联样式
如果希望为网页中的一个或一组项定义一组属性，并且不希望重新使用该样式，请使用级联样式。级联样式（即级联 CSS）的属性直接在要使用该样式的 HTML 元素内定义，这与 ID、元素和类选择器不同，这些选择器的属性在网页的标题部分（内部 CSS）或外部 CSS 文件中定义。
级联样式的规则集示例
<p style="font-weight: bold; font-style: italic; color: #FF0000">