|
代碼也可以很美
2.注釋：再科學(xué)、再規(guī)范的代碼，也不見得能一眼就被其他人讀懂，所以這個(gè)時(shí)候需要代碼注釋。CSS的注釋很簡單，在HTML里的DIV注釋因?yàn)槠鋵蛹壡短钻P(guān)系的問題，需要使用<!—頭部begin-->和<!—頭部end-->的方式進(jìn)行包含處理，這樣能使代碼更加模塊化。如圖7所示，新浪的頁面注釋就很整齊。
3.空格：關(guān)于CSS代碼中的空格問題一直被激烈地討論著，我的主張是，在頁面發(fā)布之前，因?yàn)榇a的規(guī)整而產(chǎn)生的空格是沒有問題的，這樣更便于編輯與調(diào)試，而在網(wǎng)站定稿上線后，可以將CSS類里的空格換行都刪除，每個(gè)定義類都并成一行代碼，這樣既能壓縮文件空間，也能使所有類的名稱整齊劃一，便于查找。
4.其他：有些編輯器產(chǎn)生的CSS代碼會(huì)出現(xiàn)大寫字符，建議統(tǒng)一修改成小寫，而對color:#666666之類的顏色代碼，可以縮寫為color:#666。這對維護(hù)沒增加什么困難，而且確實(shí)減小了文件體積。
名詞解釋
CSS是英語Cascading Style Sheets（層疊樣式表單）的縮寫，它是一種用來表現(xiàn) HTML 或 XML 等文件式樣的計(jì)算機(jī)語言。
DIV元素是用來為HTML文檔內(nèi)大塊（block-level）的內(nèi)容提供結(jié)構(gòu)和背景的元素。DIV的起始標(biāo)簽和結(jié)束標(biāo)簽之間的所有內(nèi)容都是用來構(gòu)成這個(gè)塊的，其中所包含元素的特性由DIV標(biāo)簽的屬性來控制，或者通過使用樣式表格式化這個(gè)塊來進(jìn)行控制。
DIV+CSS是網(wǎng)站標(biāo)準(zhǔn)（或稱“Web標(biāo)準(zhǔn)”）中常用的術(shù)語之一，通常為了說明與HTML網(wǎng)頁設(shè)計(jì)語言中的表格（table）定位方式的區(qū)別，因?yàn)閄HTML網(wǎng)站設(shè)計(jì)標(biāo)準(zhǔn)中，不再使用表格定位技術(shù)，而是采用DIV+CSS的方式實(shí)現(xiàn)各種定位。
鏈接
CSS標(biāo)準(zhǔn)化在頁面應(yīng)用的補(bǔ)充
- 摒棄table布局不是說禁止使用table，table標(biāo)簽仍可以用在容納表格型數(shù)據(jù)的場合，而不用于頁面布局的目的。
- 頁面中的標(biāo)簽都是帶有結(jié)構(gòu)含義的，盡量少因?yàn)椴季值哪康囊腩~外的div標(biāo)簽。
- 頁面中的結(jié)構(gòu)與表現(xiàn)完全分離，結(jié)構(gòu)位于html文件中，表現(xiàn)位于css文件中。
- 盡量使用通用的CSS語法，少用特定于某種瀏覽器的CSS語法。必需要用的，則將這類語法隔離在單獨(dú)的css文件中，以便日后瀏覽器升級后刪除。
出處：藍(lán)色理想
責(zé)任編輯：bluehearts
上一頁 代碼設(shè)計(jì) 中 下一頁 可用性測試與用戶體驗(yàn) 上
|
第 1 頁 
第 11 頁 代碼設(shè)計(jì) 下
