CSS初級入門:樣式的單獨調用

來源:互聯網
上載者:User

為什麼要單獨調用呢?

  “單獨調用”就是加入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格式,否則,盡量在使用之前介紹的調用方法,如此,日後在維護上會比較簡單。

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.