主頁 > 知識庫 > CSS整體布局聲明的一些使用技巧

CSS整體布局聲明的一些使用技巧

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

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

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

二、標簽式整體聲明

body {
background:#fff;
font-family: Courier, "Courier New", monospace;
}

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

三、群組式整體聲明


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

標簽:濰坊 石家莊 深圳 昭通 玉樹 大同 濰坊 商洛

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