CSS實(shí)戰(zhàn)經(jīng)驗(yàn):靈活運(yùn)行注釋帶來(lái)的益處_Div+CSS教程
教程Tag:暫無(wú)Tag,歡迎添加,賺取U幣!
CSS實(shí)戰(zhàn)經(jīng)驗(yàn):靈活運(yùn)行注釋帶來(lái)的益處
假如使用注釋的方法得當(dāng)?shù)脑挘瑸槟愕腃SS文件添加注釋可以在開(kāi)發(fā)過(guò)程中給予你和其他人很大的幫助。最常見(jiàn)的是為CSS樣式規(guī)則添加提示信息,不過(guò)使用注釋對(duì)優(yōu)化組織結(jié)構(gòu)和提升效用也很有幫助。
提示和標(biāo)簽
這是注釋最常用的途徑,可以為自己或其他開(kāi)發(fā)人員留下提示信息可以避免后期引起的不必要的困惑和麻煩。這種應(yīng)用簡(jiǎn)潔性最為重要。例如:
/* Turn off borders for linked images */
img { border: 0; }
時(shí)間戳和簽名
許多設(shè)計(jì)人員和開(kāi)發(fā)人員會(huì)在最新更新的CSS文件標(biāo)注日期時(shí)間,以及他們的名字。這些都會(huì)提供給我們一些聯(lián)系信息以及文檔更新信息。
/* Styles Updated: Thu 4.8.08 @ 5:15 p.m. Author: MB5U.com ——-*/
對(duì)于一項(xiàng)工程,這種方法會(huì)很有用,假如你是小組一分子時(shí),這更是顯得尤其重要。要提醒的是,一些組織都要求在文檔中留下這類信息,而有些公司喜歡把名字和日期這些信息放在文檔之外的地方,所以在開(kāi)始之前最好弄清楚這些事情。
組織
在CSS文檔中使用注釋指示不同的區(qū)塊是個(gè)不錯(cuò)的主意。例如,假如所有的頭部信息被組合在一起,你可以使用注釋使它和下面的區(qū)塊樣式區(qū)分開(kāi)來(lái)。
/* HEADER —————————————————-*/
接下來(lái)我會(huì)就此進(jìn)行進(jìn)一步的闡述,現(xiàn)在我們先討論一下如何“分離樣式類型”
注釋標(biāo)記
假如你的CSS文件都是按照我上面所說(shuō)的按照區(qū)塊進(jìn)行劃分的話,使用注釋標(biāo)記可以配合“查找”功能使你在文檔的各個(gè)部分之間切換自如。標(biāo)注一個(gè)章節(jié)(Chapter),例如使用等號(hào)“=”,然后在后面添加一個(gè)區(qū)塊的名稱,例如“HEADER”,這樣就為你的CSS文檔創(chuàng)建了一個(gè)“錨點(diǎn)”。
/* =HEADER —————————————————-*/
這種方法在內(nèi)容繁雜的樣式表中尤其有用。
/所屬分類:Div+CSS教程/更新時(shí)間:2008-06-05
相關(guān)Div+CSS教程:
- DIV+CSS設(shè)計(jì)的誤區(qū)
- CSS基礎(chǔ):常用CSS英文字體介紹
- IE6和IE7中border邊框斷線現(xiàn)象
- border:none;與border:0;的有什么不同?
- div+css下js對(duì)聯(lián)廣告不隨屏幕滾動(dòng)的解決方法
- HTML元素的ID和Name屬性的區(qū)別
- divcss教程:深入了解css的行高Line Height屬性
- CSS文檔流,塊級(jí)元素和內(nèi)聯(lián)元素
- 5個(gè)你該知道的CSS3新技術(shù)
- 用正則表達(dá)式替換a標(biāo)記href值
- 30個(gè)優(yōu)秀的CSS導(dǎo)航和按鈕設(shè)計(jì)教程
- css中px和em有什么區(qū)別
Div+CSS教程Rss訂閱Div+Css教程搜索
Div+CSS教程推薦
- Div CSS布局網(wǎng)站設(shè)計(jì)的優(yōu)點(diǎn)!
- 如何實(shí)現(xiàn)多風(fēng)格選擇樣式實(shí)時(shí)切換?
- DesignyourlifewithWebStandards
- div css網(wǎng)頁(yè)布局如何合理的運(yùn)用html標(biāo)簽?
- 深入CSS2.0結(jié)構(gòu),再談div、span的困惑!
- 為什么設(shè)置的樣式失效不起作用了?!
- 超鏈接訪問(wèn)過(guò)后hover樣式就不出現(xiàn)的問(wèn)題
- Div CSS布局應(yīng)該注重語(yǔ)義、注重代碼的重用性!
- Web標(biāo)準(zhǔn)設(shè)計(jì)技巧之三布局深入
- 如何將XHTML CSS頁(yè)面轉(zhuǎn)換為打印機(jī)頁(yè)面
- 相關(guān)鏈接:
復(fù)制本頁(yè)鏈接| 搜索CSS實(shí)戰(zhàn)經(jīng)驗(yàn):靈活運(yùn)行注釋帶來(lái)的益處
- 教程說(shuō)明:
Div+CSS教程-CSS實(shí)戰(zhàn)經(jīng)驗(yàn):靈活運(yùn)行注釋帶來(lái)的益處。