【网站制作怎么样】

方法定义的规则为准？这涉及样式表的优先级和叠加。一般原则是，最接近目标的样式定义优先级最高。高优先级样式将继承低优先级样式的未重叠定义，但覆盖重叠的定义。根据规定，样式表的优先级别从高到低为：行内样式表、内部样式表、链入的外部样式表、导入的外部样式表和默认浏览器样式表。浏览器将按照上述顺序执行样式表的规则。

    样式表的层叠性就是继承性，样式表的继承规则是：外部的元素样式会保留下来，由这个元素所包含的其他元素继承；所有在元素中嵌套的元素都会继承外层元素指定的属性值，有时会把多层嵌套的样式叠加在一起，除非进行更改；遇到冲突的地方，以最后定义的为准。

    【案例6-5】首先链入一个外部样式表，其中定义了h3选择符的color、text-align和font-size属性（标题3的文字色彩为红色，向左对齐，尺寸为8号字）：

    h3 {color: red; text-align: left; font-size: 8pt)

然后在内部样式表中也定义了h3选择符的text-align和font-size属性：

    h3 {text-align：right; font-size：20pt)    p标题3文字向右对齐；尺寸为20号字+／那么这个页面叠加后的样式就是（文字色彩为红色，向右对齐，尺寸为20号字）：    h3 {color: red; text-align: right; font-size: 20pt)字体色彩从外部样式表保留下来，而当对齐方式和字体尺寸各自都有定义时，按照“后定义的优先”规则使用内部样式表的定义。

    【案例6-6l在div标签中嵌套p标签。

<div>

<p>这个段落韵文字为红色9号字</p><!一p元素里的内容会继承div定义的属性一>

<／div>

如果定义了p的色彩：

    div{ color: red; font-size:9pt)

    p {color: blue)

<div>

<p>这个段落的文字为蓝色9号字</p>

<／div>

则显示结果是，段落里的文字大小为9号字，继承div属性；而color属性则依照最后的定义，

为蓝色。

    使用不同的选择符定义相同的元素时，要考虑不同选择符之间的优先级（id选择符、类选择符和HTML标签选择符），id选择符的优先级最高，其次是类选择符，HTML标签选择符最低。如果想超越这三者之间的关系，可以用!important来提升样式表的优先权，例如：

    p{ color: #ffOOOO!important)

    .blue{ color: #OOOOff

    #idl f color: #ffff00)

    如果同时对页面中的一个段落使用上述三种样式，将会依照被!important声明的H标签选择符的样式，显示红色文字。如果去掉!important，则依照优先权最高的id选择符示黄色文字。

    最后还要注意，不同的浏览器对于CSS的理解是不完全相同的。这就意味着，并j}的CSS都能在各种浏览器中得到同样的结果。所以，最好使用多种浏览器检测一下。