|
4、區(qū)分大小寫
在xhtml中，css定義的元素名稱是區(qū)分大小寫的，class和id的值在html和xhtml中也是區(qū)分大小寫的，所以為了避免錯誤，推薦一律使用小寫。
如#aaa,與#AAA是不同的，在xhtml中，p和P也是不同的.他們之間不會覆蓋。
如果在css中定義了#aaa，在html元素中使用AAA來應(yīng)用將不能得到#aaa中定義的樣式。
示例代碼：
CSS: #aaa{border:1px solid #ccc} HTML: <div id="AAA">顯示不出來1個像素的邊線</div>
5、CSS的最近優(yōu)先原則
如果對一個元素定義了多次樣式，則以最近的一級優(yōu)先，最近一級的樣式將覆蓋其他的樣式定義。
如：
CSS: p{color:red} .blue{color:blue} .yellow{color:yellow} HTML: <p>此處顯示為紅色</p> <p class="blue">此處顯示為藍色</p> <p class="blue" style="color:green">此處顯示為綠色</p> <p class="blue yellow">此處顯示為黃色</p>
注意：
（1）注意樣式的幾個優(yōu)先順序(優(yōu)先級由上至下遞減)：
--元素style設(shè)定
--head區(qū)<style></style>中的設(shè)定
--外部引用css文件
（2）優(yōu)先級不是按訪問順序來設(shè)定的，而是又css中的聲明順序來設(shè)定的。
如上例中<p class="yellow blue">此處顯示為黃色</p>也顯示為黃色，因為在css定義中.yellow在.blue的后面。
6、使用子選擇器減少id和class的定義
例如：
#contain{..} #contain_ul{...} .contail_li{...} <div id="contain"> <ul id="contain_ul"> <li class="contain_li"></li> <li class="contain_li"></li> </ul> </div>
可以更改為：
#contain{..} #contain ul{...} .contain ul li{...} <div id="contain"> <ul> <li></li> <li></li> </ul> </div> 上一頁 [1] [2] [3] 下一頁 |
您現(xiàn)在的位置： 
