CSS編寫中靈活運(yùn)行注釋的意義_Web標(biāo)準(zhǔn)教程
如果使用注釋的方法得當(dāng)?shù)脑挘瑸槟愕腃SS文件添加注釋可以在開發(fā)過程中給予你和其他人很大的幫助。最常見的是為CSS樣式規(guī)則添加提示信息,不過使用注釋對(duì)優(yōu)化組織結(jié)構(gòu)和提升效用也很有幫助。
提示和標(biāo)簽
這是注釋最常用的途徑,可以為自己或其他開發(fā)人員留下提示信息可以避免后期引起的不必要的困惑和麻煩。這種應(yīng)用簡(jiǎn)潔性最為重要。例如:
/* Turn off borders for linked images */
img { border: 0; }
時(shí)間戳和簽名
許多設(shè)計(jì)人員和開發(fā)人員會(huì)在最新更新的CSS文件標(biāo)注日期時(shí)間,以及他們的名字。這些都會(huì)提供給我們一些聯(lián)系信息以及文檔更新信息。
/* Styles Updated: Thu 4.11.08 @ 17:15 p.m. Author: WEBJX.com ——-*/
對(duì)于一項(xiàng)工程,這種方法會(huì)很有用,如果你是小組一分子時(shí),這更是顯得尤其重要。要提醒的是,一些組織都要求在文檔中留下這類信息,而有些公司喜歡把名字和日期這些信息放在文檔之外的地方,所以在開始之前最好弄清楚這些事情。
組織
在CSS文檔中使用注釋指示不同的區(qū)塊是個(gè)不錯(cuò)的主意。例如,如果所有的頭部信息被組合在一起,你可以使用注釋使它和下面的區(qū)塊樣式區(qū)分開來。
/* HEADER —————————————————-*/
接下來我會(huì)就此進(jìn)行進(jìn)一步的闡述,現(xiàn)在我們先討論一下如何“分離樣式類型”
注釋標(biāo)記
如果你的CSS文件都是按照我上面所說的按照區(qū)塊進(jìn)行劃分的話,使用注釋標(biāo)記可以配合“查找”功能使你在文檔的各個(gè)部分之間切換自如。標(biāo)注一個(gè)章節(jié)(Chapter),例如使用等號(hào)“=”,然后在后面添加一個(gè)區(qū)塊的名稱,例如“HEADER”,這樣就為你的CSS文檔創(chuàng)建了一個(gè)“錨點(diǎn)”。
/* =HEADER —————————————————-*/
- Web標(biāo)準(zhǔn):需要正確的使用H1~ H6標(biāo)簽
- 五個(gè)WEB標(biāo)準(zhǔn)中必須注意的地方
- 做到結(jié)構(gòu)(XHTML),表現(xiàn)(CSS),行為(JavaScript)的分離
- CSS標(biāo)準(zhǔn):HTML標(biāo)簽元素的關(guān)閉
- Web標(biāo)準(zhǔn)之路 勿使用W3C廢棄的元素
- CSS布局 聲明文檔類型描述(DTD)
- DIV CSS\讓搜索引擎蜘蛛不再累
- 用XHTML+CSS創(chuàng)建基于Web標(biāo)準(zhǔn)的網(wǎng)頁
- XHTML+CSS創(chuàng)建基于Web標(biāo)準(zhǔn)的網(wǎng)站
- DIV+CSS對(duì)SEO的幫助
- 淺析什么是Web標(biāo)準(zhǔn) 及其前景
- CSSer新手寄語:開始標(biāo)準(zhǔn)之路
Web標(biāo)準(zhǔn)教程Rss訂閱Div+Css教程搜索
Web標(biāo)準(zhǔn)教程推薦
- CSS樣式表規(guī)劃與管理的經(jīng)驗(yàn)總結(jié)
- 與表格邊框有關(guān)的CSS語法
- JavaScriptDom編程學(xué)習(xí)書籍選擇
- 什么人需要學(xué)習(xí)、適合學(xué)習(xí)WEB標(biāo)準(zhǔn)?
- CSS實(shí)戰(zhàn)手冊(cè)公開發(fā)行強(qiáng)烈推薦!2007年第17屆Jolt生產(chǎn)效率大獎(jiǎng)!
- 利用插件來校驗(yàn)XHTML是否符合Web標(biāo)準(zhǔn)
- CSS網(wǎng)頁標(biāo)準(zhǔn)制作關(guān)于網(wǎng)頁表單語義結(jié)構(gòu)實(shí)例
- 創(chuàng)建一個(gè)純CSS的水平導(dǎo)航條
- 珍藏版:不可或缺的腳本代碼
- DIV CSS:如何編寫代碼才能更有效率
猜你也喜歡看這些
- 關(guān)于CSS樣式?jīng)_突排序的一個(gè)小試驗(yàn)
- 兩個(gè)層之間的為什么會(huì)有間隙(IE3pxbug)?
- 解決IE7以下版本不支持無A狀態(tài)偽類的幾種方法!
- IE與Firefox的CSS兼容大全
- CSS hack之特殊符號(hào)的應(yīng)用
- 動(dòng)態(tài)加載外部css或js文件
- CSS調(diào)試工具M(jìn)ultipleIE-IE5IE6IE7多版本共存
- overflow與text-indent:-9999px 字體隱藏及input value偏移
- text-overflow:ellipsis非IE的瀏覽器的另類應(yīng)用!
- CSS兼容方案最新的一些技巧
- 相關(guān)鏈接:
- 教程說明:
Web標(biāo)準(zhǔn)教程-CSS編寫中靈活運(yùn)行注釋的意義
。