這裡還要告訴你 CSS 的一個特點, 它可定義好幾個 selector 在一個 rule 裡。比如
H1, H2, TD {color: red}
這個定義就能讓所有的 H1, H2, 和 TD 的顏色都為紅色。
***我經常使用的是body ｛background-color: #DDEDFB;｝這樣就能設定整個頁面的樣式了。
2. Class selector
這就是常見的class=”xxx”。Class selector 有兩種, 一種叫相關 class selector, 它跟一 個 HTML 的 tag 有關係。它的語法是
tag.Classname {property:value}
比如我們想叫一些而不是全部 H2 的顏色是紅的
<style>
H2.redone {color: red}
</style>
<H2>This is H2</H2>
<H2 class=redone>This is red H2</H2>
<style>
.blueone {color:blue}
</style>
<H2 class=”blueone”>Blue H2</H2>
<P class=”blueone”>Blue paragraph</P>
顯然 class selector 給了我們更多的自由.
3.ID selector
ID selector 其實跟獨立 class selector 的功能一樣. 而區別在於它們的語法和用法不同, 以及對於 Javascript 操縱 HTML 元素有幫助. 它的語法如下
#IDname {property:value}
假如我們有下面的定義
#yelowone {color: yellow}
我們可以運用這個定義到任何的有同樣 ID 名字的 tag, 比如
<style>
#redone {color: red}
</style>
<P ID=”redone”>text here</P>
既然 ID selector 和獨立 class selector 功能一樣, 為什麼兩者都存在呢？ 有 ID 的 HTML 元素可以被 CSS-P 和 JavaScript 來操縱。(***這解答了我的疑惑)
如何使DIV在body頁面居中？