css命名及書寫規(guī)范-資料下載頁
2025-08-12 10:04本頁面
【導讀】常用類的命名應盡量以常見英文單詞為準，做到通俗易懂，并在適當的地方加以注釋。“searchInput”、“搜索圖標”命名這“searchIcon”、“搜索按鈕”命名為“searchBtn”……DTD是目前理想選擇。還允許我們使用表現層的標識、元素和屬性，也比較容易通過W3C的代碼校驗。為提高字符集，建議采用“utf-8”。如果所有頁面都調用同一個樣式表文件，那么改一個樣式表文件，可以改變所有文件的樣。來包含文字段落，而不是為了換行。避免過渡使用div和span。少量、適當的使用div和span元素可以使文檔的結構更加清晰合理并。且易于使用樣式；盡可能少地使用標簽和結構嵌套，這樣不但可以使文檔結構清晰，同時也可以保持文件的小巧，在提高用戶下載速度的同時，也易于瀏覽器對文檔的解釋及呈視；將其做背影圖處理，可以在不改動頁面的情況下通過CSS樣式來進行改動，如：
【正文】 rchInput { backgroundcolor:333。/*三者皆可 */ *backgroundcolor:666 !important。 /*僅 IE7*/ *backgroundcolor:999。 /*僅 IE6及 IE6以下 */ } 一般三者的書寫順序為： FF、 IE IE6. 寫法二： IE6可識別 “_”， 而 IE7及 FF皆不能識別，所以當只針對 IE6與 IE7及 FF之間的區(qū)別時，可這樣書寫： .searchInput { backgroundcolor:333。/*通用 */ _backgroundcolor:666。/*僅 IE6可識別 */ } 寫法三： *+html 與 *html 是 IE 特有的標簽 , Firefox 暫不支持。 .searchInput {backgroundcolor:333。} *html .searchInput {backgroundcolor:666。}/*僅 IE6*/ *+html .searchInput {backgroundcolor:555。}/*僅 IE7*/ 屏蔽 IE瀏覽器： select是選擇符，根據情況更換。第二句是 MAC上 safari 瀏覽器獨有的。 *:lang(zh) select {font:12px !important。} /*FF的專用 */ select:empty {font:12px !important。} /*safari 可見 */ 僅 IE6 可識別： 這里主要是通過 CSS注釋分開一個屬性與值，注釋 在冒號前。 select { display /*IE6 不識別 */:none。} IE的 if 條件 hack 寫法： 所有的 IE 可識別 : ![if IE] Only IE ![end if] 只有 : ![if IE ] Only IE ![end if] : ![if gt IE ] Only IE + ![end if] 僅 IE6可識別 : ![if lt IE 6] Only IE 6 ![end if] IE6以及 IE6以下的 : ![if gte IE 6] Only IE 6/+ ![end if] 僅 IE7可識別 : ![if lte IE 7] Only IE 7/ ![end if] B、清除浮動： 在 Firefox中，當子級都為浮動時，那么父級的高度就無法完全的包住整個子級，那么這時用這個清除浮動的 HACK來對父級做一次定義，那么就可以解決這個問題。 select:after { content:.。 display:block。 height:0。 clear:both。 visibility:hidden。 }
試題試卷相關推薦
鄂ICP備17016276號-1