宣告方法

 

【為什麼要宣告?】

在了解為什麼要宣告之前,工友換個方式問:「不宣告會怎麼樣?」,那麼答案就簡單多了:「不宣告,CSS就不知道該怎麼做或是要做什麼?所以,整個CSS就無法運作啦!」。

那什麼是宣告呢?這更簡單,舉個例子來說,今天你要去見一個未曾謀面的網友,為了怕遇見恐龍,所以特地帶了個朋友去幫您鑑定一下,於是您告訴你朋友說:「若是等一下你看到的是辣妹,你就露出笑臉來表示!若看到的是正常女孩,那麼你就擺個正常表情,我就知道了,若是您看到的恐龍,那麼,別猶豫,大叫一聲,拔腿就跑!」以上這個就是宣告!

以上的例子中,您就是宣告的主人,而您的朋友相當於瀏覽器(去瀏覽女人嘛!)當瀏覽器在瀏覽的過程中,若是發現辣妹元件,馬上進行{表情:笑臉}的反應,若是遇到正常女孩元件,那麼瀏覽器就做出{表情:正常表情}的反應,若是遇到恐龍元件,那麼瀏覽器的反應就是{聲音:大叫},以上就是「宣告」。這樣可以了解嗎?(雖然例子有點不倫不類...)

好啦!看過不倫不類的例子後,我們回頭來看看真正的CSS宣告,實際上,上一單元就有用到宣告了!如下:

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

沒錯,上面這個就叫做「宣告」,告訴瀏覽器若是遇到什麼標籤,就應該要有什麼樣的情形出現。

【最基本的宣告】

現在我們就來學學如何做宣告的動作吧!,宣告最基本的方式如下:

元件標籤 樣式性質 設定值
element property value

什麼叫做「元件」?就是網頁上任何您看得到的東西,都可以當作是個「元件」,例如:一段文字、一張圖片、一個表格...等等,都可視之為元件。說直接明白一點:在網頁中,任何一個標籤都是元件!

那什麼是「樣式性質」呢?這就比較難說明啦,粗略的來說,「樣式」有「外觀形態」的意思在裡面,工友直接舉例來說這東西,以「文字」而言,其樣式性質有哪些呢?文字大小、文字顏色、粗細、字型、字距、行距...等等,都是「文字」的「樣式性質」。

至於「設定值」就沒什麼好說的啦!就看您的樣式性質是什麼,下去做設定囉!

【宣告實例說明】

工友就以之前說過的 body{font-size:9pt} 來作說明:

body就是一個元件,指的就是被<BODY></BODY>標籤包起來的地方,然後在兩個大括號{}中間的就是主要的樣式設定,font-size 就是文字大小的樣式性質,9 就是設定值,pt 是單位。

整個宣告來說就是:被<BODY></BODY>標籤包起來的地方,其文字大小通通以 9pt 來呈現。

【動動腦囉!】

看看下面的例子,您能說出這是什麼意思嗎?

<style type="text/css">
h1{font-color:red}
</style>


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