-
CSS指层叠样式表（CSS）
样式定义如何显示HTML元素
样式通常存储在样式表
将样式添加到HTML 4中是为了解决内容和性能之间的分离问题。
外部样式表可以大大提高工作效率
外部样式表通常存储在CSS文件中
多种样式定义可以堆叠成一个。
Two stacked sequence
当同一HTML元素由多个样式定义时，将使用哪种样式
一般来说，所有的款式都堆放在一个新的基于以下规则的虚拟的样式表，在4号有最高的优先级。
默认设置为1。浏览器
2。外部样式表
三.内部样式表（内标）
4。内联样式（在HTML元素内）
三CSS基本语法
CSS语法由三部分组成：选择器、属性和值：
选择器{属性：值}
选择器（选择器）通常是要定义的HTML元素或标记。属性（属性）是要更改的属性，每个属性都有一个值（value）。属性和值由冒号分隔并由大括号包围，从而形成一个完整的样式声明（声明）。
提示：如果该值为多个单词，则向值添加引号：
{字体系列：无衬线 ；}
提示：如果要定义多个声明，需要用分号分隔每个声明。下面的示例说明如何定义一个红色文本的中间段落。最后一条规则是不需要添加分号，但是添加分号是一个好习惯：
文本对齐：中心；颜色：红色；}
提示：每一行都应该描述一个属性，这样可以提高样式定义的可读性：
{ p
文本对齐：中心；
颜色：黑色；
字体家庭：Arial；
}
提示：是否包含空间并不影响CSS在浏览器中的工作效果，但它可以提高可读性。与XHTML不同，CSS对案例不敏感，但是有一个例外：如果它涉及HTML文档，类和ID名对案例和案例是敏感的。
提示：不要属性值和单位之间留出空间。如果你使用margin-left: 20 px，代替margin-left: 20px，它只在IE 6中是有效的，但它不能正常工作在Mozilla Firefox或Netscape /。
四CSS高级语法
1。选择器分组
选择器可以分组，以便分组选择器可以共享相同的声明。逗号用于分隔需要分组的选择器。在下面的示例中，我们将所有标题元素分组。所有标题元素都是绿色的。
H1，H2，H2，H3，H5，H6 {
颜色：绿色；
}
2。继承及其存在的问题
根据CSS，子元素继承父元素的属性。这样，但它并不总是工作。看看下面的规则：
{体
Verdana，无衬线字体；
}
根据上述规则，网站的主体元素将用Verdana字体（如果字体在访问者的系统）。
通过CSS继承，子元素将继承最高级元素的属性（在本例中为主体）。这些子元素如磷、TD、UL、OL、UL、李、DL、DT，和弟弟没有额外的规则是必要的。身体的所有子元素应该显示Verdana字体，和子元素的子元素都是相同的。在大多数现代浏览器这是真的。但在浏览器战争的血腥的时代，这是不会发生的。例如，Netscape 4不支持继承，它不仅忽略了继承，也忽略了这是应用于体元规则，即 /窗口到IE6有相关的问题，并在表的字体将被忽略。要做的又是什么呢
方式uff1a
：应用于整个样式的父元素的定义。
体{
Verdana，无衬线字体；
}
：使用组选择器防止某些浏览器拒绝继承
TD，UL，OL，UL，李，DL，dt，DD {
Verdana，无衬线字体；
}
如果不愿意继承样式的子元素，可以定义特殊规则以摆脱父规则。
{ p
字体家族：时间，新时代罗马
}
三.派生选择器
派生选择器允许您根据文档的上下文来确定标签的样式。例如，您希望列表中的强元素为斜体，而不是通常的粗糙字，您可以用这种方式定义派生选择器：
当元素位于元素内部时，字体为斜体，否则字体为粗体。
黎强{
字体样式：斜体；
字体重量：正常；
}
实例uff1a
强{
颜色：红色；
}
{ H2
颜色：红色；
}
Strong H2 {
颜色：蓝色；
}
下面是它发挥作用的HTML：
强烈的强调词的这一段是红色的。
这个小标题也是红色的。
强烈的强调这个副标题是蓝色的。
4。ID选择器
ID选择器可以指定一个特定的风格与特定的HTML元素的ID选择器# 的定义，以下两个ID选择器，第一个定义属性ID = red元素的颜色是红色的；第二定义id = green的元素；颜色是绿色的。
#红{颜色：红色；}
#绿色{颜色：绿色；}
在下面的HTML代码中，红色的id属性的p元素显示为红色，而绿色id属性的p元素显示为绿色。
这段文字是红色的。
这段是绿色的。
注意：id属性只能在每个HTML文档中出现一次。
5。id选择器+派生选择器
在现代布局中，id选择器通常用于创建派生选择器。
#边栏p {
字体样式：斜体；
文本对齐：正确；
边距：0.5em；
}
上述样式只适用于ID边栏元素中的段落，该元素可能是div或表单元，虽然它也可能是表或其他块级元素。它甚至可以是内联元素，例如或，但是这种用法是非法的，因为它不能嵌入在内联元素中。
6。类选择器
一个周期（）显示的类选择器：
中心{文本对齐：中心}
所有具有中心类的HTML元素都位于中间。在下面的HTML代码中，H1和P元素都有中心类。这意味着这两个元素都将遵从选择器中的规则。
这个标题将居中对齐。
这一段也将居中对齐。
注意：类名的第一个字符不使用数字！它不在Mozilla或Firefox中工作。
1 >类选择+导数选择
花式TD
颜色：# F60；
背景：# 666；
}
在上面的示例中，具有较大元素的表单元名为花式，它将在灰色背景中显示橙色文本（更大的称为花式的元素可能是表或div）。
2 >导数选择+类选择
td.fancy {
颜色：# F60；
背景：# 666；
}
在上面的示例中，表名为花式的表将是一个带有灰色背景的橙色，而其他元素不会受到影响。
如何引入五个CSS
有三种方式插入样式表：
1。外部样式表将是一个理想的选择，当风格需要应用到很多页。每一页都链接到一个样式表使用标签，标签上的头部（文档）：
2。内部样式表应该使用内部样式表时，一个特定的风格是一个单一的文件。您可以使用标签来定义文档的头部内部样式表，这样：
人力资源{颜色：Sienna；}
P { margin-left: 20px；}
体{背景图像：URL（图像/ back40。gif）；}
内联样式会失去许多样式表的优势在于3的混合性能和内容。内联样式。请仔细使用此方法，例如，当样式只需要在元素上应用一次时。
要使用内联样式，您需要使用相关标签中的样式（样式）属性。样式属性可以包含任何CSS属性。
这是一段话
4。多款式，如果某些属性相同的选择器不同样式的定义，那么属性值将从更具体的样式表继承。