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

來源:互聯網
上載者:User
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格式,否則,盡量在使用之前介紹的調用方法,如此,日後在維護上會比較簡單。



相關文章

Cloud Intelligence Leading the Digital Future

Alibaba Cloud ACtivate Online Conference, Nov. 20th & 21st, 2019 (UTC+08)

Register Now >

Starter Package

SSD Cloud server and data transfer for only $2.50 a month

Get Started >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。