DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> CSS代碼編寫常用九大技巧(2)
CSS代碼編寫常用九大技巧(2)
編輯:CSS詳解     

五.默認值

通常padding的默認值為0,background-color的默認值是transparent。但是在不同的浏覽器默認值可能不同。如果怕有沖突,可以在樣式表一開始就先定義所有元素的margin和padding值都為0,象這樣:

  1. *{
  2. margin:0;
  3. padding:0;
  4. }

六.不需要重復定義可繼承的值

CSS中,子元素自動繼承父元素的屬性值,象顏色、字體等,已經在父元素中定義過的,在子元素中可以直接繼承,不需要重復定義。但是要注意,浏覽器可能用一些默認值覆蓋你的定義。

七.最近優先原則

如果對同一個元素的定義有多種,以最接近(最小一級)的定義為最優先,例如有這麼一段代碼

  1. Update:Loremipsumdolorset

在CSS文件中,你已經定義了元素p,又定義了一個classupdate

  1. p{
  2. margin:1em0;
  3. font-size:1em;
  4. color:#333;
  5. }
  6. .update{
  7. font-weight:bold;
  8. color:#600;
  9. }

這兩個定義中,class=update將被使用,因為class比p更近。你可以查閱W3C的《Calculatingaselector’sspecificity》了解更多。

八.多重class定義

一個標簽可以同時定義多個class。例如:我們先定義兩個樣式,第一個樣式背景為#666;第二個樣式有10px的邊框。

  1. .one{width:200px;background:#666;}
  2. .two{border:10pxsolid#F00;}

在頁面代碼中,我們可以這樣調用

  1. <divclassdivclass=onetwo>div>

這樣最終的顯示效果是這個div既有#666的背景,也有10px的邊框。是的,這樣做是可以的,你可以嘗試一下。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved