xhtml css網(wǎng)頁布局是否要注意CSS書寫順序？_CSS教程
教程Tag：暫無Tag,歡迎添加,賺取U幣!
我們運用xhtml css網(wǎng)頁布局，實現(xiàn)表現(xiàn)與結(jié)構(gòu)的分離，表現(xiàn)部分的css文件非常重要，也比較繁雜，我們在書寫CSS文件時有很多屬性和值，我們就考慮到了書寫順序的問題。
有時候是先寫了margin或color，然后再寫width和height等等。我們有沒有必要讓我們的編碼更加的工整，更加的科學(xué)呢？實踐證實，書寫工整、按一定的規(guī)則進(jìn)行書寫是很有好處的。
下面是Mozilla Firefox所建議的CSS書寫順序，對我們的代碼書寫很有參考價值：
有時候是先寫了margin或color，然后再寫width和height等等。我們有沒有必要讓我們的編碼更加的工整，更加的科學(xué)呢？實踐證實，書寫工整、按一定的規(guī)則進(jìn)行書寫是很有好處的。
下面是Mozilla Firefox所建議的CSS書寫順序，對我們的代碼書寫很有參考價值：
示例代碼 [www.hl5o.cn]
* mozilla.org Base Styles
* maintained by fantasai
* (classes defined in the Markup Guide -http://mozilla.org/contribute/writing/markup)
*/
/* Suggested order:
//顯示屬性
* display
* list-style
* position
* float
* clear
//自身屬性
* width
* height
* margin
* padding
* border
* background
//文本屬性
* color
* font
* text-decoration
* text-align
* vertical-align
* white-space
* other text
* content
* maintained by fantasai
* (classes defined in the Markup Guide -http://mozilla.org/contribute/writing/markup)
*/
/* Suggested order:
//顯示屬性
* display
* list-style
* position
* float
* clear
//自身屬性
* width
* height
* margin
* padding
* border
* background
//文本屬性
* color
* font
* text-decoration
* text-align
* vertical-align
* white-space
* other text
* content
相關(guān)CSS教程：
CSS教程Rss訂閱Div+Css教程搜索
CSS教程推薦
猜你也喜歡看這些
- 淺析HTML標(biāo)簽strong和em的區(qū)別
- CSS文件或Web頁面中度量單位介紹及比較
- 應(yīng)把所有CSS樣式都放在Head Tag
- HTML表格標(biāo)記教程(22):行的亮邊框色屬性BORDERCOLORLIGHT
- HTML表格標(biāo)記教程(26):單元格標(biāo)記
- HTML中級教程自定義列表
- HTML教程,HTML默認(rèn)樣式
- HTML表格標(biāo)記教程(10):單元格邊距屬性CELLPADDING
- CSS網(wǎng)頁布局中HTML標(biāo)簽的語義(二)
- HTML表格標(biāo)記教程(30):單元格的暗邊框色屬性BORDERCOLORDARK
- 相關(guān)鏈接：
- 教程說明：
CSS教程-xhtml css網(wǎng)頁布局是否要注意CSS書寫順序？
。