元素被繼承的原則：
1、影響元素的位置，邊界，背景和邊框的屬性不會繼承。
2、瀏覽器會使用它們自己的繼承樣式來格式化某些元素，比如標題（h1-h6）文字顯示為粗體且字體較大，鏈接文字(a 元素)的顏色為藍色等。這些元素相應的屬性也不會繼承它們祖先元素的屬性。
3、當樣式繼承存在沖突時，采取就近原則。后代元素會繼承距離自己最近的祖先元素的相應屬性。
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 規則
@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層疊：
確定度：多個樣式直接應用到同一元素上的情況，例如：
<p id="para1" class="normal">test 確定度</p>
p{color:red;}
p#para1{
color:blue;
}
p.normal{
color:white;
}
body{
color:yellow;
}
顯示的顏色確實是哪一個規則？
選擇符的確定度由4位逗號相隔的數字組成，形式為0,0,0,0. 這里分別用a,b,c,d代表四位數。
1 若樣式由元素style屬性確定而不通過選擇符，a=1，否則a=0;
2 計算id選擇符的字數，賦給b
3 計算屬性選擇符或者偽類的個數，賦給C
3計算類型選擇符或者偽類的個數，賦給D
只要通過比較確定度的大小就可以判斷出優先級的最高規則，比較方式是從左端的a位開始逐位比較，數值較大的確定度最高。
!import 聲明
聲音該屬性比其他屬性的優先級高