集體宣告

 

【集體宣告的玩法】

基本上,集體宣告有兩種玩法,第一種就是針對一個標籤,然後一次設定好幾個樣式性質。第二種就是同時對好幾個標籤設定一樣的樣式性質。很頭大對不對?一堆生硬的名詞繞來繞去...別緊張,慢慢看下去就知道了。

以下這個例子就是所謂的:「針對一個標籤,然後一次設定好幾個樣式性質」

<style type="text/css">
body{font-size:9pt;
     font-color:red;
     background:white}
</style>

您會發現,我們同時對<BODY>標籤宣告了:字形大小為 9pt、字形顏色為紅色、背景為白色,這三個樣式性質,為了將著三個分隔開來,我們利用分號";"來將之隔開,這樣才不會無法運作喔!

當然,若是您覺得這樣一列一列的寫出來很浪費空間,那麼您也可以寫成一列,如下:

<style type="text/css">
body{font-size:9pt;font-color:red;background:white}
</style>

【數個標籤同時宣告】

剛剛我們看得是一個標籤,同時設定幾個樣式規格,實際上,我們也可以好幾個標籤一起來做設定喔!例如:
<style type="text/css">
h1,h2,td{font-size:12pt;
         font-color:red;
         font-family:標楷體}
</style>

以此例而言,我們同時設定了三組標籤<H1>、<H2>、<TD>,換言之,凡是被這三個標籤包起來的,其文字大小都會變成 12pt、紅色字、並且以標楷體顯示喔!

【其他廢言...】

在宣告中,只要您的格式正確,也就是說,樣式性質的設定有用"{}"括起來,然後每隔之間以";"隔開,那麼,CSS就可以正確無誤的運作,不論您中間有多少空白、換行都無所謂!高興的話您也可以寫成這樣:

<style type="text/css">
body{font-size   :   9pt;      font-color

:red;

background    :white}

</style>

不過,這樣誰看得懂呢?所以說,養成自己的良好習慣,看起來舒服,往後要修改也比較容易...。


Established since: March 28, 2003
All the design R 2003 by Admin