單獨使用

 

【為謂單獨使用?】

其實「單獨使用」是工友自己發明的詞啦!原來的說法應該是「加入STYLE屬性」不過太教條化了...看了頭大,所以工友將這功能描述為「單獨使用」。

「單獨使用」顧名思義,就是將CSS宣告套用在單獨的一個網頁元件上(任一個文字、圖片、表格...等,都是網頁元件),此時,CSS將不在以一個表來狀態來呈現,而是利用STYLE屬性來加到標籤中,又聽不懂了對不對?別急,看看實例吧!

為什麼需要「單獨使用」CSS?原因是:比較靈活...舉個最簡單的例子,我們希望讓輸入表單的底色,不要是白色的,我們想將之改成淺綠色(如下),那該怎麼做?

【關於STYLE屬性】

其實,幾乎每個 HTML 標籤都有其各自的屬性,例如 <p align="center"> 其中的 align 便是標籤 <p> 的「align (對齊)屬性」,加上 align 屬性後,您就可以設定段落要置左、置中或置右。

相同的,STYLE也可以當作是一個屬性,一樣加在標籤之中,以我們上面的問題而言,其原先的語法應該是這樣的:
語法:<input type="Text" value="我有淺綠色的底喔!">

結果:

現在,我們替這個輸入表單加入STYLE屬性,也就是在<input>標籤中加入STYLE屬性:
語法:<input type="Text" value="我有淺綠色的底喔!" STYLE="background-color:#ccffcc">

結果:

「STYLE="*****"」就是把STYLE當作屬性的用法,其後一樣將CSS宣告放在""裡面,至於裡面的background-color:#ccffcc意思就是「背景顏色:(為)#ccffcc」的意思,現在不熟沒關係,也後會慢慢講解到這部份。

【什麼標籤可以加入STYLE屬性呢?】

什麼標籤可以加入STYLE屬性呢?基本上,任何標籤都可以加上STYLE屬性。所以,您不用擔心會有標籤不接受。不過,單獨針對網頁元件加入STYLE屬性雖然非常靈活,但是,卻喪失了CSS 的一個優點,那就是統一性。所以說,您在使用時,除非只有部份元件需要單獨的CSS格式,否則,盡量使用之前介紹的套用方法,如此,日後在維護上會比較簡單。


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