應(yīng)該如何合理的應(yīng)用CSS整體布局聲明_CSS教程
教程Tag:暫無(wú)Tag,歡迎添加,賺取U幣!
1. 基本上,整體聲明有兩種方法,第一種就是針對(duì)一個(gè)標(biāo)簽,然后一次設(shè)定好幾個(gè)樣式。第二種就是同時(shí)對(duì)好幾個(gè)標(biāo)簽設(shè)定相同的樣式。下面這個(gè)例子就是:“針對(duì)一個(gè)標(biāo)簽,然后一次設(shè)定好幾個(gè)樣式”:
2. 你會(huì)發(fā)現(xiàn),我們同時(shí)聲明了:字形大小為 9pt、字形顏色為紅色、背景為白色,這3個(gè)樣式,為了將這三個(gè)樣式分隔開(kāi),我們利用分號(hào)“;”來(lái)將之隔開(kāi),這樣才能正常起作用!當(dāng)然,若是你覺(jué)得這樣一列一列的寫(xiě)出來(lái)很浪費(fèi)空間,那么你也可以寫(xiě)成一行的形式,如下:
幾個(gè)標(biāo)簽設(shè)定相同的樣式
1.剛剛我們看過(guò)一個(gè)標(biāo)簽,同時(shí)設(shè)置幾個(gè)樣式的,實(shí)際上,我們也可以把好幾個(gè)標(biāo)簽同時(shí)一起來(lái)設(shè)定,例如:
以此例而言,我們同時(shí)設(shè)定了三組標(biāo)簽<h1>、<h2>、<td>,換言之,凡是被這三個(gè)標(biāo)簽包起來(lái)的,其文字大小都會(huì)變成 12pt、紅色字、并且以宋體顯示!
示例代碼 [hl5o.cn]
<stype="text/css">
body{font-size:9pt;
font-color:red;
background:white}
</style>
body{font-size:9pt;
font-color:red;
background:white}
</style>
2. 你會(huì)發(fā)現(xiàn),我們同時(shí)聲明了:字形大小為 9pt、字形顏色為紅色、背景為白色,這3個(gè)樣式,為了將這三個(gè)樣式分隔開(kāi),我們利用分號(hào)“;”來(lái)將之隔開(kāi),這樣才能正常起作用!當(dāng)然,若是你覺(jué)得這樣一列一列的寫(xiě)出來(lái)很浪費(fèi)空間,那么你也可以寫(xiě)成一行的形式,如下:
示例代碼 [hl5o.cn]
<style type="text/css">
body{font-size:9pt;font-color:red;background:white}
</style>
body{font-size:9pt;font-color:red;background:white}
</style>
幾個(gè)標(biāo)簽設(shè)定相同的樣式
1.剛剛我們看過(guò)一個(gè)標(biāo)簽,同時(shí)設(shè)置幾個(gè)樣式的,實(shí)際上,我們也可以把好幾個(gè)標(biāo)簽同時(shí)一起來(lái)設(shè)定,例如:
示例代碼 [hl5o.cn]
<style type="text/css">
h1,h2,td{font-size:12pt; font-color:red; font-family:宋體}
</style>
h1,h2,td{font-size:12pt; font-color:red; font-family:宋體}
</style>
以此例而言,我們同時(shí)設(shè)定了三組標(biāo)簽<h1>、<h2>、<td>,換言之,凡是被這三個(gè)標(biāo)簽包起來(lái)的,其文字大小都會(huì)變成 12pt、紅色字、并且以宋體顯示!
相關(guān)CSS教程:
CSS教程Rss訂閱Div+Css教程搜索
CSS教程推薦
- text-align:justify實(shí)現(xiàn)兩端對(duì)齊一例
- 對(duì)display:inline與float:left正確含義的認(rèn)識(shí)!
- DIVCSS技巧:在MacromediaDreamWeaver中編寫(xiě)CSS的一些習(xí)慣建議
- CSS2.0中的expression應(yīng)用
- CSS教程6、CSS的Border邊框[翻譯Htmldog]
- CSSframework:淺談CSS框架利弊
- CSS教程:浮動(dòng)元素對(duì)瀏覽器的支持
- 基本的頁(yè)面設(shè)計(jì)元素布局比例
- css教程:如何正確的使用CSS?
- 符合web標(biāo)準(zhǔn)的嵌入Flash的方法
猜你也喜歡看這些
- HTML5的結(jié)構(gòu)和語(yǔ)義——前言(一)
- DIV CSS布局基礎(chǔ):HTML標(biāo)記(五)
- Web開(kāi)發(fā)常用代碼:背投廣告
- title和alt 標(biāo)簽介紹及其異同
- HTML表格標(biāo)記教程(5):亮邊框色屬性BORDERCOLORLIGHT
- XHTML入門(mén)學(xué)習(xí)教程:什么是XHTML?
- HTML表格標(biāo)記教程(43):表頭的垂直對(duì)齊屬性VALIGN
- XHTML入門(mén)學(xué)習(xí)教程:文字格式與特殊字符
- 網(wǎng)頁(yè)表單設(shè)計(jì)實(shí)例技巧五則
- XHTML CSS寫(xiě)出正規(guī)的BLOG
- 相關(guān)鏈接:
- 教程說(shuō)明:
CSS教程-應(yīng)該如何合理的應(yīng)用CSS整體布局聲明
。