CSS代碼編寫(xiě)的兩則小技巧_CSS教程
教程Tag：暫無(wú)Tag,歡迎添加,賺取U幣!
在一行內(nèi)聲明CSS
我們來(lái)對(duì)比下面兩段代碼：
第二種看起來(lái)的確格式化，但是不會(huì)在閱讀上有任何幫助。寫(xiě)在一行內(nèi)可以讓你更快的找到需要的部分。
以前我也是寫(xiě)成類似第二種方式，但是逐漸發(fā)現(xiàn)就像文章說(shuō)的一樣，沒(méi)多大用。一行看起來(lái)又爽快又省地方還能讓文件更小。
分塊書(shū)寫(xiě)代碼
這樣書(shū)寫(xiě)代碼可以讓CSS更頁(yè)面化，在出現(xiàn)問(wèn)題時(shí)候可以最短時(shí)間內(nèi)找到問(wèn)題所在。就像下面這樣：
我們來(lái)對(duì)比下面兩段代碼：
示例代碼 [www.zhaotila.cn]
h2 {font-size:18px; border:1px solid blue; color:#000; background-color:#FFF;}
示例代碼 [www.zhaotila.cn]
h2 {
font-size:18px;
border:1px solid blue;
color:#000;
background-color:#FFF;
}
font-size:18px;
border:1px solid blue;
color:#000;
background-color:#FFF;
}
第二種看起來(lái)的確格式化，但是不會(huì)在閱讀上有任何幫助。寫(xiě)在一行內(nèi)可以讓你更快的找到需要的部分。
以前我也是寫(xiě)成類似第二種方式，但是逐漸發(fā)現(xiàn)就像文章說(shuō)的一樣，沒(méi)多大用。一行看起來(lái)又爽快又省地方還能讓文件更小。
分塊書(shū)寫(xiě)代碼
這樣書(shū)寫(xiě)代碼可以讓CSS更頁(yè)面化，在出現(xiàn)問(wèn)題時(shí)候可以最短時(shí)間內(nèi)找到問(wèn)題所在。就像下面這樣：
示例代碼 [www.zhaotila.cn]
#content {float:left;}
#content p { … }
#sidebar {float:left;}
#sidebar p { … }
#footer {clear:both;}
#sidebar p { … }
#content p { … }
#sidebar {float:left;}
#sidebar p { … }
#footer {clear:both;}
#sidebar p { … }
相關(guān)CSS教程：
CSS教程Rss訂閱Div+Css教程搜索
CSS教程推薦
- CSSHack技術(shù)速查對(duì)照
- DivCSS中如何正確的定義CSS偽類？
- 語(yǔ)義化H1標(biāo)簽
- CSS實(shí)現(xiàn)當(dāng)前頁(yè)的滑動(dòng)門菜單效果方法
- 針對(duì)于IE6、IE7、Firefox如何運(yùn)用CSShack的問(wèn)題！
- css教程：CSS列表(ul、ol、li)屬性的應(yīng)用
- css教程：CSS基本介紹！
- CSS教程：詳解visibility屬性CSS控制內(nèi)容顯示
- CSS教程：IE中的z-index迷惑(1)
- 列表UL、OL預(yù)設(shè)標(biāo)記在FF與IE下方式不同的試驗(yàn)
猜你也喜歡看這些
- HTML基礎(chǔ):HTML的基本結(jié)構(gòu)
- 網(wǎng)頁(yè)設(shè)計(jì)中文本輸入框的一些參數(shù)說(shuō)明
- HTML表單標(biāo)記教程(2):
- 通過(guò)XHTML校驗(yàn)的幾個(gè)注意事項(xiàng)
- HTML文本高級(jí)教程
- HTML的一些關(guān)于顏色方面的參考
- Semantics語(yǔ)義是Html Xhtml是否真正符合標(biāo)準(zhǔn)的重要部分
- table中cellpadding、cellpadding樣式定義
- 初學(xué)者接觸HTML了解一些HTML標(biāo)記(3)
- 網(wǎng)頁(yè)制作中注意應(yīng)用HTML標(biāo)簽的問(wèn)題
- 相關(guān)鏈接：
- 教程說(shuō)明：
CSS教程-CSS代碼編寫(xiě)的兩則小技巧
。