元素被繼承的原則：
1、影響元素的位置，邊界，背景和邊框的屬性不會(huì)繼承。
2、瀏覽器會(huì)使用它們自己的繼承樣式來格式化某些元素，比如標(biāo)題（h1-h6）文字顯示為粗體且字體較大，鏈接文字(a 元素)的顏色為藍(lán)色等。這些元素相應(yīng)的屬性也不會(huì)繼承它們祖先元素的屬性。
3、當(dāng)樣式繼承存在沖突時(shí)，采取就近原則。后代元素會(huì)繼承距離自己最近的祖先元素的相應(yīng)屬性。
text-align:center在Firefox 瀏覽器中不起作用。如果使IE和Firefox中可以正確顯示
margin-left:auto; margin-right:auto;
inhert繼承
明確指定
div#menu{
border:2px solid black;
padding:5px;
background-color:#909090;
}
div#menu div{
border:inherit;
padding:inherit;
background-color:#DEDEDE;
}
border:inherit 明確指定繼承父類的border
@import 規(guī)則
@import url("stylesheet1.css");
@import url("stylesheet2.css");
或者
@import "stylesheet1.css";
@import "stylesheet2.css";
@import 作用
<style type="text/css">
@import url('1.css');
</style>
<!--[if lt IE 7]>
<style type="text/css">
@import url('2.css');
</style>
<![endif]-->
CSS層疊：
確定度：多個(gè)樣式直接應(yīng)用到同一元素上的情況，例如：
<p id="para1" class="normal">test 確定度</p>
p{color:red;}
p#para1{
color:blue;
}
p.normal{
color:white;
}
body{
color:yellow;
}
顯示的顏色確實(shí)是哪一個(gè)規(guī)則？
選擇符的確定度由4位逗號相隔的數(shù)字組成，形式為0,0,0,0. 這里分別用a,b,c,d代表四位數(shù)。
1 若樣式由元素style屬性確定而不通過選擇符，a=1，否則a=0;
2 計(jì)算id選擇符的字?jǐn)?shù)，賦給b
3 計(jì)算屬性選擇符或者偽類的個(gè)數(shù)，賦給C
3計(jì)算類型選擇符或者偽類的個(gè)數(shù)，賦給D
只要通過比較確定度的大小就可以判斷出優(yōu)先級的最高規(guī)則，比較方式是從左端的a位開始逐位比較，數(shù)值較大的確定度最高。
!import 聲明
聲音該屬性比其他屬性的優(yōu)先級高