CSS初級入門 樣式的單獨呼叫

2021-04-17 06:52:42 字數 828 閱讀 7306

為什麼要單獨呼叫呢?

「單獨呼叫」就是加入style屬性。就是將css宣告套用在單獨的乙個網頁元素上(任乙個文字、、**...等,都是網頁元素),此時,css將不再以乙個樣式表來顯示結果了,而是利用style屬性加到標籤中。為什麼要「單獨呼叫」css?原因是:比較靈活...舉個簡單的例子,我們希望讓輸入的表單的底色不使用白色了?

關於style屬性

其實,幾乎每個 html 標籤都有其各自的屬性,例如 其中的 align 是標籤 的align 對齊屬性」,加上 align 屬性後,你就可以設定段落要要居左、居中或居右。 相同的,style也可以當作是乙個屬性,一樣加在標籤之中,就我們上面的問題而言,其原先的語法應該是是這樣的:

語法:結果:

現在,我們替這個輸入表單加入style屬性,也就是在標籤中加入style屬性:

語法:style="background-color:#ccffcc">

結果:

「style="*****"」就是把style當作屬性的用法,其後一樣將css宣告放在""裡面,至於裡面的background-color:#ccffcc意思就是「背景顏色:#ccffcc」的意思,現在不熟悉沒關係,以後會繼續講解的。

什麼標籤都可以加入style屬性嗎?

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

CSS初級入門 頁面樣式的整體宣告

整體宣告的方法 1.基本上,整體宣告有兩種方法,第一種就是針對乙個標籤,然後一次設定好幾個樣式。第二種就是同時對好幾個標籤設定相同的樣式。下面這個例子就是 針對乙個標籤,然後一次設定好幾個樣式 css body 2.你會發現,我們同時宣告了 字形大小為 9pt 字形顏色為紅色 背景為白色,這3個樣式...

css學習初級入門

先體驗下css的魅力,哈哈 乙個簡單的html 頁面層容器 頁面頭部 側邊欄主體內容 頁面底部 基本資訊 body a link,a visited a hover 頁面層容器 container 利用padding 20px 20px 0 0來固定選單位置 menu 新增了float right使...

CSS初級入門 連線屬性

連線屬性 在 html 檔案裡的超連線文字經過瀏覽器的解釋後都會以加下劃線的方式來顯示,並沒有動態的效果,通過 css 之 anchor pseudo classes,大家可以將超連線文字的顯示方式做到幾種不同的變化。例如 www.webjx.com 以上的超級連線經過在瀏覽器頁面上是以加下劃線的方...