DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> CSS實戰:靈活運行注釋帶來的益處
CSS實戰:靈活運行注釋帶來的益處
編輯:CSS詳解     

假如使用注釋的方法得當的話,為你的CSS文件添加注釋可以在開發過程中給予你和其他人很大的幫助。最常見的是為CSS樣式規則添加提示信息,不過使用注釋對優化組織結構和提升效用也很有幫助。

提示和標簽

這是注釋最常用的途徑,可以為自己或其他開發人員留下提示信息可以避免後期引起的不必要的困惑和麻煩。這種應用簡潔性最為重要。例如:

/* Turn off borders for linked images */

img { border: 0; }

時間戳和簽名

許多設計人員和開發人員會在最新更新的CSS文件標注日期時間,以及他們的名字。這些都會提供給我們一些聯系信息以及文檔更新信息。

/* Styles Updated: Thu 4.8.08 @ 5:15 p.m. Author: MB5U.com ——-*/

對於一項工程,這種方法會很有用,假如你是小組一分子時,這更是顯得尤其重要。要提醒的是,一些組織都要求在文檔中留下這類信息,而有些公司喜歡把名字和日期這些信息放在文檔之外的地方,所以在開始之前最好弄清楚這些事情。

組織

在CSS文檔中使用注釋指示不同的區塊是個不錯的主意。例如,假如所有的頭部信息被組合在一起,你可以使用注釋使它和下面的區塊樣式區分開來。

/* HEADER —————————————————-*/

接下來我會就此進行進一步的闡述,現在我們先討論一下如何“分離樣式類型”

注釋標記

假如你的CSS文件都是按照我上面所說的按照區塊進行劃分的話,使用注釋標記可以配合“查找”功能使你在文檔的各個部分之間切換自如。標注一個章節(Chapter),例如使用等號“=”,然後在後面添加一個區塊的名稱,例如“HEADER”,這樣就為你的CSS文檔創建了一個“錨點”。

/* =HEADER —————————————————-*/

這種方法在內容繁雜的樣式表中尤其有用。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved