用嵌入式測試,發(fā)布時改為輸入。
將樣式表嵌入在你的HTML源代碼中,在測試時可以消除許多緩存引起的錯誤,尤其是某些Mac下的瀏覽器。但在發(fā)布前,一定要記住將樣式表移到外部文件,用 @import 或 引入。
八、加上明顯的邊框有利于布局調(diào)試。
像 div {border: solid 1px #f00;} 之類的全局規(guī)則可以暫時為你查出布局問題。為特定的元素加上邊框可幫您找到難以發(fā)覺的交錯或空白問題。
對圖片路徑不要用單引號。
當(dāng)設(shè)置背景圖片時,要堅持用雙引號。盡管看起來有些多余,但是如果不這么做,IE5/Mac會噎住。
不要為將來的樣式表(比如手持式設(shè)備或打印用樣式表)留個“空位”。
Mac IE5 對空的樣式表比較感冒,會增加頁面的裝入時間。建議樣式表中至少應(yīng)該有一條規(guī)則(哪怕是注釋也好),免得 MacIE噎住。
另外值得一提的還有一些雖然不針對某些功能,但是在開發(fā)過程中應(yīng)當(dāng)注意的理論
九、好好組織您的CSS文件
恰當(dāng)?shù)爻蓧K注釋CSS,將相似的CSS選擇符編為一組,養(yǎng)成一致的命名習(xí)慣和空白格式(為跨平臺考慮,建議用空白字符而不是tab。)以及適當(dāng)?shù)拇涡颉?br />
以功能(而不是外觀)為類和ID命名
假如您創(chuàng)建了一個 .smallblue 類,后來打算將文字改大,顏色變?yōu)榧t色,這個類名就不再有任何意義了。相反,您可以用更有描述性的名字如 .copyright 和 .pullquote。
十、組合選擇符
保持CSS短小對減少下載時間非常重要。請盡量為選擇符分組、 利用繼承(inheritance)以及使用簡寫(shorthand)來減少冗余。
使用圖片替換技術(shù)時要考慮親和力
已經(jīng)發(fā)現(xiàn)傳統(tǒng)的FIR在屏幕閱讀器,以及關(guān)閉圖片顯示[的瀏覽器]中會出問題。 對此有其他解決辦法,要根據(jù)具體情況,慎重使用。 (下)
地址:重慶市渝中區(qū)上清寺鑫隆達B座28-8
郵編:400015
電話:023-63612462
EMAIL:cnjl_net@163.com
2022 渝ICP備09007657號-7
網(wǎng)警備案號:500103015-00277