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