說(shuō)到可以定義多個(gè)樣式，強(qiáng)調(diào)一點(diǎn)：許多新手朋友常常大量使用，如一個(gè)塊元素需要設(shè)置邊框，綠色文字和灰色背景所以就在css里定義：

.border { border:1px solid #f60;}
.color { color:#080;}
.bg { background:#ccc;}
然后在塊元素上增加：

<div class="border color bg">此處顯示新 Div 標(biāo)簽的內(nèi)容</div>

其實(shí)這是一個(gè)非常不好的寫(xiě)法，這樣表面看似達(dá)到了代碼重用性，但實(shí)際當(dāng)中，當(dāng)需要把其中一個(gè)元素的的邊框改為2px，怎么改？如果把.border的邊框改了，那么所有應(yīng)用這一樣式的元素都改了。如果再在代碼中增加一個(gè)樣式，那么又得去改html代碼，和代碼和結(jié)構(gòu)分離的理念相違背了。一個(gè)好的代碼布局，不管以后怎么改風(fēng)格，只用改樣式表，而不用去改html代碼，這才真正做到兩者分離了。