點擊數:20282013-05-13 09:58:39 來源: 千極科技,10年專注互聯網軟件開發
一、不要讓CSS有過多的標記
鏈接或者導入樣式表聽起來好像是一種無頭緒的工作。我看過很多的網站開發都有著整潔的、組織嚴密的css文檔,但是慢慢的,由于可能達不到在短期內快速更新,或者懶得再去管理,這使得先前創建的精致的樣式表變成了垃圾。如果我們工作在需要發布上百條內容的龐大網站上面。因為時間有限,所以你需要通過嵌套或者排列css來進行快速修改或更新。隨著時間的推移,這種習慣維持著,直到有一天你被告知這個網站要完全推翻重新設計(但是內容還是一樣)而且你只有一周的時間去創建(包括測試)。一般來說,更新樣式表還算是一個非常簡單的方法,除非你長時間對網站零散的區域做修改,你就不能對網站樣式表結構有一個整體的把握。
鏈接或者導入你的樣式表不是隨意的事情。創建干凈整潔的樣式表并保持下去,工作就會更開心。注意:如果你試圖在每次更新或者添加新內容的時候創建新的樣式表,那你肯定是自找麻煩。過多的鏈接和導入樣式表會使消除bug變得異常困難,讓樣式表很難維持。大一點的網站分別建立不同部分的樣式表這是可以理解的。就是小心不要走極端。添加很多的樣式表,會增加更多的http請求,可能還會影響到后面的工作。
二、語義定義明確易懂
除了選擇合適的,有意義的元素來表述外,還要確定選擇class 和id屬性值。定義明確可以讓維護變得簡單,小組里的成員都會看懂。看這個定義:
.l10k { color: #369; } ,.left-blue { color: #369; } ,如果是我做的我可能知道是啥意思,但是比人不一定就懂了。即使今天知道它的意思,但是能保證很多年后還知道它的意思嗎? 好不要在類屬性里面去加入顏色或者長寬的尺寸。更恰當的命名規范:. work-description { color: #369; }
三、知道什么時候添加有條件的注釋和運用技巧
很多文章寫過一些關于問題解決的技巧,有條件的注釋是控制IE發布的一個好方法。我同意有條件的注釋比在你的css文檔里亂寫要好得多,但是近我開始慢慢意識到,很多證據表明,這并不是好的解決辦法。想在一個元素中設置它的低高度,但是IE6瀏覽器卻不執行它,所以你知道自己能夠使用的高度,也同樣會被同樣的處理。重新建一個樣式表,然后把有條件的注釋加入到你的標識中,你所有的需要都是要遵循這個規定?保持低的高度和高度的規則在一起,選擇一個小技巧在同樣的css文檔里,這樣會更好嗎?在這種情況下,我覺得用這種方法很難奏效。
四、應用CSS到網頁中盡量使用外部樣式表
好處嗎?大家都比較清楚,當然有一點是不可否認的,可以大限度的實現代碼的重用及優化配置網站文件。