本 章 C S S 的 主 要 作 用
在前面的章節介紹完了聲明與應用的方法及 一些特性之後,從這章開始,便要正式進入CSS的指令介紹了!本章有兩個介紹的主 題,第一個部份介紹的是顏色與背景性質的CSS,其主要的作用在於設定元素的前景 顏色、背景顏色與背景圖形等樣式設定的性質;而第二部份為您介紹的是用於控制擺放 元素位置的CSS的指令。
顏 色 背 景 的 C S S 指 令
color 設定前景顏色
支 持:IE3、IE4、NC4
適 用:所有元素
可能值:
<color>
設定顏色,請參考第一章顏色使用的相關說明預設值:視瀏覽器而定
繼承性:有
一般範例:SPAN { color : BLUE }
同軸範例:<SPAN style="color:BLUE">
background-color 設定背景顏色
支 持:IE4、NC4
適 用:所有元素
可能值:
<color>
設定顏色,請參考第一章顏色使用的相關說明
transparent
將父元素(顏色或圖案)的背景透明化預設值:transparent
繼承性:無
一般範例:BODY { background-color : BLUE }
同軸範例:<BODY style="background-color:BLUE">
background-image 設定背景圖形
支 持:IE4、NC4
適 用:所有元素
可能值:
<url>
設定圖檔URL,請參考第一章URL表示的相關說明
none
不使用背景圖案預設值:transparent
繼承性:無
一般範例:
BODY { background-image : URL("http://yourweb/path/file_name") }
同軸範例:
<BODY style="background-image:URL('http://yourweb/path/file_name')">
background-repeat 設定背景重複
支 持:IE4、NC4
適 用:所有元素
可能值:
repeat
重複背景圖形填滿頁面
repeat-x
水平方向重複背景圖形
repeat-y
垂直方向重複背景圖形
no-repeat
不重複顯示背景圖形預設值:repeat
繼承性:無
一般範例:BODY { background-repeat : repeat-x }
同軸範例:<BODY style="background-repeat: repeat-x">
background-attachment 設定背景附著
支 持:IE4、NC4
適 用:所有元素
可能值:
scroll
背景圖形隨著捲軸捲動
fixed