主頁(yè) > 知識(shí)庫(kù) > CSS整體布局聲明的一些使用技巧

CSS整體布局聲明的一些使用技巧
熱門標(biāo)簽：隨州外呼系統(tǒng)廠家 南昌電話機(jī)器人系統(tǒng) 南山電話機(jī)器人 沈陽(yáng)400電話辦理多少錢 蘇州做電話機(jī)器人 地圖標(biāo)注微信好友 ai電話機(jī)器人效果差 地圖標(biāo)注樓盤 快速更改地圖標(biāo)注點(diǎn)標(biāo)
我們應(yīng)該養(yǎng)成良好的編碼習(xí)慣，CSS整體布局聲明為我們的代碼簡(jiǎn)化、提高運(yùn)行效率提供了途徑。我們列舉比較常用的形式，并加上解釋。整體布局聲明的作用在于將目標(biāo)作一個(gè)整體的概括，聲明一些完全相同或基本相同的屬性及值，以免在后面的代碼中每一個(gè)標(biāo)簽中都需要單獨(dú)定義。若有不同的屬性與值，后面的重新定義即可。

一、通配式整體布局聲明。

* {
margin:0;
padding:0;
font-size:0.8em;
...
}
　　這類形式的聲明是針對(duì)整個(gè)頁(yè)面的?？梢栽O(shè)置頁(yè)面元素共有的屬性。而不必每一個(gè)元素單獨(dú)的聲明。上面的代碼我們聲明邊距及填充為零、字體大小為0.8em。對(duì)于頁(yè)面中的元素都應(yīng)用此聲明的屬性和值。除非在后面的代碼中再次定義margin、padding、font-size的值，否則就按這一定義來(lái)顯示。

二、標(biāo)簽式整體聲明

body {
background:#fff;
font-family: Courier, "Courier New", monospace;
}
或
p {
background:#fff;
font-family: Courier, "Courier New", monospace;
}
　　這類聲明是針對(duì)某些xhtml標(biāo)簽的。如果無(wú)特別的定義，將適用此聲明。我們定義了body的背景色及字體。所以body內(nèi)的元素都適用它，除非再次定義。對(duì)于段落p的定義原理是一樣的。

三、群組式整體聲明


h1,h2,h3 {color:#00f; font-weight:100;}
　　這類聲明表示h1,h2,h3的文字顏色以及字體加粗情況。我們?cè)趯?shí)際操作中，不一定是這樣的情況，或許是某些class或id的xhtml元素有著相同的屬性，我們都可以群組起來(lái)編碼。有些不同的地方，單獨(dú)的重新定義即可。例如在帶有小圖標(biāo)的清爽CSS表單設(shè)計(jì)這個(gè)http://www.52css.com/article.asp?id=392實(shí)例中。我們就用到了這種類型的聲明。
　　 

標(biāo)簽：濰坊 石家莊 深圳 昭通 玉樹 大同 濰坊 商洛

巨人網(wǎng)絡(luò)通訊聲明：本文標(biāo)題《CSS整體布局聲明的一些使用技巧》，本文關(guān)鍵詞  CSS,整體,布局,聲明,的,一些,；如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題，煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們，我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò)，涉及言論、版權(quán)與本站無(wú)關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《CSS整體布局聲明的一些使用技巧》相關(guān)的同類信息！
  • 本頁(yè)收集關(guān)于CSS整體布局聲明的一些使用技巧的相關(guān)信息資訊供網(wǎng)民參考！
    • 推薦文章