css使用技巧匯總-在線瀏覽
2025-05-10 00:23本頁面
【正文】 kground屬性設置想讓它透出來的顏色。h3 img {background: 696。色彩透過圖片的透明部分顯示出來，而白色的部分仍然保持白色。這就象變魔術！對齊img標簽為了讓圖標和文本正確的排齊（我們想讓它垂直居中），我們加入了以下CSS規(guī)則：h3 img {background: 696。} 這樣保證了包含于h3標簽中的圖片對齊于它的文本中點。圖210： 應用CSS背景的透明圖片的效果這個方法還有另一個值得注意的地方——不但可以用一個單獨CSS代碼塊來指定圖片背后要顯示出的背景顏色，同樣也可以在CSS代碼塊的內(nèi)部指定。fontsize: 24px。paddingleft: 30px。} ，用的是同樣的規(guī)則（看圖211）——這里是696，一個可愛的綠色。這些非必須的圖片被完全的包含在CSS文件中，如果將來要升級，那將可以非常容易的改換。使用縮寫可以幫助減少你CSS文件的大小，更加容易閱讀。，除非值為0忘記定義尺寸的單位是CSS新手普遍的錯誤。只有兩個例外情況可以不定義單位：行高和0值。當在XHTML中使用CSS，CSS里定義的元素名稱是區(qū)分大小寫的。class和id的值在HTML和XHTML中也是區(qū)分大小寫的，如果你一定要大小寫混合寫，請仔細確認你在CSS的定義和XHTML里的標簽是一致的。你限定某個元素毫無意義。通常padding的默認值為0，backgroundcolor的默認值是transparent。如果怕有沖突，可以在樣式表一開始就先定義所有元素的margin和padding值都為0，象這樣：* { margin:0。 } CSS中，子元素自動繼承父元素的屬性值，象顏色、字體等，已經(jīng)在父元素中定義過的，在子元素中可以直接繼承，不需要重復定義。如果對同一個元素的定義有多種，以最接近(最小一級)的定義為最優(yōu)先，例如有這么一段代碼Update: Lorem ipsum dolor set在CSS文件中，你已經(jīng)定義了元素p，又定義了一個classupdatep { margin:1em 0。 color:333。 color:600。你可以查閱W3C的《 Calculating a selector’s specificity》 了解更多。例如：我們先定義兩個樣式，第一個樣式背景為666；第二個樣式有10 px的邊框。background:666。} 在頁面代碼中，我們可以這樣調(diào)用div class=one two/div 這樣最終的顯示效果是這個div既有666的背景，也有10px的邊框。(descendant selectors)CSS初學者不知道使用子選擇器是影響他們效率的原因之一。我們來看下面這段代碼：div id=subnav ul li class=subnavitem a href= class=subnavitemItem 1/a/li li class=subnavitemselected a href= class=subnavitemselected Item 1/a /li li class=subnavitem a href= class=subnavitem Item 1/a /li/ul /div 這段代碼的CSS定義是：divsubnav ul { /* Some styling */ } divsubnav ul { /* Some styling */ } divsubnav ul { /* Some styling */ } divsubnav ul { /* Some styling */ } divsubnav ul { /* Some styling */ } 你可以用下面的方法替代上面的代碼ul id=subnav li a href= Item 1/a /li li class=sel a href= Item 1/a /li li a href= Item 1/a /li /ul 樣式定義是：subnav { /* Some styling
環(huán)評公示相關推薦
鄂ICP備17016276號-1