首先要明白id和class的各自的優(yōu)缺點(diǎn)。這樣才能根據(jù)他們的各自的特點(diǎn)進(jìn)行使用。
  id的優(yōu)點(diǎn)（class的缺點(diǎn)）：id寫在css用"#"選擇器，class寫在css中用"."選擇器。"#"選擇器的優(yōu)先級(jí)高于"."選擇器大約10倍，所以當(dāng)你需要提升優(yōu)先級(jí)的時(shí)候，id標(biāo)簽，或者id容器內(nèi)的標(biāo)簽將是很容易和有效的。而class標(biāo)簽，或者class容器內(nèi)的標(biāo)簽將可能導(dǎo)致優(yōu)先級(jí)的提升失敗。
  id的缺點(diǎn)（class的優(yōu)點(diǎn)）：id應(yīng)該是唯一的，所以它的可復(fù)用性是很差的，而class是可以復(fù)用的。所以如果一塊東西是多個(gè)頁面，甚至一個(gè)頁面都會(huì)使用多次的，那么一定要使用class來作為樣式選擇器。id是唯一的，當(dāng)一個(gè)控件的id的產(chǎn)生是不可控的，那么這個(gè)id選擇器將失去意義，但是任何一個(gè)控件即使是動(dòng)態(tài)產(chǎn)生的，他的cssClass仍然是可定制的，所以當(dāng)你的這個(gè)標(biāo)簽需要用服務(wù)器端控件替代的時(shí)候，而服務(wù)器端控件的id是不確定的，那么請(qǐng)使用class選擇器，這樣只要將服務(wù)器端控件的cssClass設(shè)為你class選擇器的名稱即可。（當(dāng)然，這個(gè)還需要大量的經(jīng)驗(yàn)的積累，項(xiàng)目做的多了就會(huì)逐步的改進(jìn)） 

  padding和margin到底要用哪一個(gè)？ 

  padding和margin可以讓一塊區(qū)域的外觀顯示完全一樣。所以可能讓很多人認(rèn)為padding和margin是可以互換的。其實(shí)它們的差別很大，而且選擇哪個(gè)需要認(rèn)真和慎重地考慮。我認(rèn)為對(duì)容器使用padding還是對(duì)容器內(nèi)的標(biāo)簽使用margin的原則：當(dāng)隱藏這個(gè)容器或者容器內(nèi)的標(biāo)簽時(shí)（現(xiàn)實(shí)項(xiàng)目中其實(shí)經(jīng)常需要將某個(gè)部件隱藏、顯示），對(duì)整體布局影響最小為益。
  對(duì)于padding再說一句：ie6，ie7（FF）對(duì)帶有padding樣式的標(biāo)簽的寬度的解析是不一樣的。ie6的標(biāo)簽寬度不包含padding-left和padding-right的值，而ie7和ff則是包含的。例如一個(gè)div的width設(shè)置100px，padding設(shè)為10px，而在ie6中它要占據(jù)的寬度是120px（包含10個(gè)padding-left和10個(gè)padding-right），而在ie7和ff中則占據(jù)100px的寬度。因?yàn)閕e7和ff會(huì)認(rèn)為100已經(jīng)包含了20px的padding。 

  min-height和height

  如果你只需要兼容ie6那么你完全不需要注意min-height這個(gè)樣式，因?yàn)閕e6根本就不支持這個(gè)樣式。但是當(dāng)你的頁面需要照顧到ie7和ff的時(shí)候，這個(gè)樣式一定要注意。因?yàn)楹芏嘣趇e6下設(shè)置了height=固定值的樣式，當(dāng)容器被里面的東西撐的大于這個(gè)高度的時(shí)候，ie7和ff是不會(huì)自適應(yīng)高度的。從而導(dǎo)致布局的混亂。要想在ie6，ie7和ff中都可以自適應(yīng)高度，正確的做法是設(shè)置min-height和用cssHack設(shè)置height。例如：

 

  這樣，在容器里面的東西很少的時(shí)候，它顯示固定高度600px，但當(dāng)里面的東西很多的時(shí)候，它也會(huì)自適應(yīng)的增長高度。
  對(duì)于height的設(shè)置一定要特別注意，如果是布局用的容器的height則需要特別的注意，否則在ff中會(huì)導(dǎo)致無法浮起，從而使布局混亂。