設(shè)計(jì)有意義的代碼
1.盡可能的使用有有意義的Html標(biāo)簽.
如,h1,h2,ul,ol,dl,strong/em,blockqoute,cite,abbr,acronym,code,fieldset,legend,label,caption,thead,tbody,tfoot等
2.如果遇到暫時(shí)表達(dá)不了的意義,可以使用現(xiàn)有標(biāo)記結(jié)合ID和class來賦予標(biāo)簽額外意義來解決.
注意:
         a.ID和class的名字應(yīng)該與意義掛鉤,而避免涉及其中的樣式表現(xiàn).比如紅色錯(cuò)誤提示,取名成error要好于red
         b.css本身不區(qū)分大小寫,但是這應(yīng)該與html(xhtml)的風(fēng)格保持一致.
         c.避免"多class癥(classitis)",應(yīng)該盡可能的減少類的使用.
3.div(division)提供了將文檔分隔成有意義區(qū)域的方法,而span提供了對(duì)行內(nèi)元素進(jìn)行分組和標(biāo)識(shí)的手段.div只應(yīng)該出現(xiàn)在沒有沒有預(yù)定意元素可以分割當(dāng)前區(qū)域的情況下.任何地方都以div來分割這叫"多div癥 (divitis)"

Css驗(yàn)證
常用的驗(yàn)證工具有:
w3c css valiator: http://validator.w3c.org
bookmarklet:www.andybudd.com/bookmarklets
Firefox plugin: Web Developers Extension
IE plugin:http://tinyurl.com/7mnyh

DOCTYPE切換
瀏覽器模式:根據(jù)瀏覽器模式的不同,會(huì)影響瀏覽器對(duì)頁(yè)面顯示方式的表現(xiàn),最有名的例子是IE中的框模式.
通常瀏覽器模式分為3種:標(biāo)準(zhǔn)模式(standards mode),怪異模式(quirks mode),幾乎標(biāo)準(zhǔn)模式(almost standards mode)
瀏覽器通過頁(yè)面中DOCTYPE聲明是否存在以及DOCTYPE中使用的DTD類型來確定具體的瀏覽器模式.
詳細(xì)的區(qū)分可以看這個(gè):http://meyerweb.com/eric/dom/dtype/dtype-grid.html 
截圖如下：

CSS中的選擇器(seletor)
基本的選擇器:元素選擇器,后代選擇器(關(guān)聯(lián)選擇器),class選擇器(類選擇器),ID選擇器,偽類
高級(jí)選擇器:子選擇器,相鄰選擇器,屬性選擇器
示例看這里：CSS選擇器示例

向網(wǎng)頁(yè)中引入樣式
方式1：
<link href="/css/basic.css" rel="stylesheet" type="text/css" />
方式2：
<style type="text/css">
<!--
@import url("/css/advanced.css");
-->
</style>

CSS中樣式使用的優(yōu)先級(jí)判斷？
看這里，以前的一篇Blog：到底誰說了算？CSS樣式表使用優(yōu)先級(jí)判斷

保持CSS樣式表可維護(hù)性的一個(gè)原則

在復(fù)雜的CSS樣式表里面，特殊樣式覆蓋通用樣式的情況會(huì)大量出現(xiàn)， 甚至于出現(xiàn)更特殊的樣式覆蓋特殊樣式的情況，這時(shí)元素可以從多個(gè)地方獲取樣式，這可能使得樣式表失去 控制。這時(shí)個(gè)好的建議是保持通用樣式進(jìn)可能的通用，特殊樣式進(jìn)可能的特殊，進(jìn)而做到不需要覆蓋特殊樣式。如果出現(xiàn)不得不多次覆蓋通用樣式，那么從一般規(guī)則中刪除需要覆蓋的聲明，并顯示的應(yīng)用于需要它的每一個(gè)元素。這樣可以保持CSS樣式表的可維護(hù)性。

在CSS中的注釋
1.css以/*開始, */結(jié)束來添加注釋,這種叫做C網(wǎng)格注釋.
2.適當(dāng)加入結(jié)構(gòu)性注釋,利用注釋來劃分代碼塊,方便迅速查找相應(yīng)代碼
3.通過"意外特性(gotcha)"來實(shí)現(xiàn)自我提示,如TODO(以后需要修改,修復(fù)或復(fù)查),KLUDGE(不完善的權(quán)宜之計(jì) ),BUG(代碼或?yàn)g覽器遇到的問題),TRICKY(相對(duì)復(fù)雜的代碼說明)等
4.發(fā)布時(shí)可理由代碼編輯工具或者css優(yōu)化器來刪除注釋.
5.發(fā)布時(shí)，壓縮CSS文件大小: apache服務(wù)器可用gzip方式,而非apache,可用http://tinyurl.com/8w9rp上面介紹的方法.

平凡而簡(jiǎn)單的人一個(gè)，無權(quán)無勢(shì)也無牽無掛。一路廝殺，只進(jìn)不退，死而后已，豈不爽哉！
收起對(duì)“車”日行千里的羨慕；收起對(duì)“馬”左右逢緣的感嘆；目標(biāo)記在心里面，向前進(jìn)。一次一步，一步一腳印，跬步千里。
這個(gè)角色很適合現(xiàn)在的我。