學習CSS提示教程(4)單獨調用

css|技巧|教程

　　上一節：外部調用

　　為什麼要單獨調用呢？

　　“單獨調用”就是加入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屬性雖然非常靈活，但是，卻失去了CSS 的一個優點，那就是統一性。所以說，你在使用時，除非只有部份網頁元素需要單獨使用CSS格式，否則，盡量在使用之前介紹的調用方法，如此，日後在維護上會比較簡單。

　　下一節：自訂類別