DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS進階教程 >> CSS初級入門:樣式的單獨調用
CSS初級入門:樣式的單獨調用
編輯: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格式,否則,盡量在使用之前介紹的調用方法,如此,日後在維護上會比較簡單。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved