|
4、區分大小寫
在xhtml中，css定義的元素名稱是區分大小寫的，class和id的值在html和xhtml中也是區分大小寫的，所以為了避免錯誤，推薦一律使用小寫。
如#aaa,與#AAA是不同的，在xhtml中，p和P也是不同的.他們之間不會覆蓋。
如果在css中定義了#aaa，在html元素中使用AAA來應用將不能得到#aaa中定義的樣式。
示例代碼：
CSS: #aaa{border:1px solid #ccc} HTML: <div id="AAA">顯示不出來1個像素的邊線</div>
5、CSS的最近優先原則
如果對一個元素定義了多次樣式，則以最近的一級優先，最近一級的樣式將覆蓋其他的樣式定義。
如：
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）注意樣式的幾個優先順序(優先級由上至下遞減)：
--元素style設定
--head區<style></style>中的設定
--外部引用css文件
（2）優先級不是按訪問順序來設定的，而是又css中的聲明順序來設定的。
如上例中<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] 下一頁 |
您現在的位置： 
