4.1 第4天
歡迎進入第4天的課程。在此之前我們主要談了文字樣式設定，現(xiàn)在我們探討一下要素和圖象方面的樣式設置。通過學習今天的課程，我們將掌握如何給要素賦予色彩，將圖象放在要素后面。如果以前你一直不認為CSS是一種很有用的東西，那么今天將是你大徹大悟的一天。
我們將學習以下CSS屬性：
顏色
背景色
背景圖象
重復背景
固定背景
背景定位
背景
現(xiàn)在我們回答第3天留下的小問題。
4.2 為你的世界添加色彩
首先，我們談一下將顏色加到網(wǎng)頁要素上。
顏色
顏色屬性并不陌生，它的用法很象HTML中使用的參數(shù)值。
B { color: #333399 }
根據(jù)這項CSS規(guī)則，瀏覽器將網(wǎng)頁上所有的加重體字以設定的顏色顯示，象這幾個字那樣。
有3種方法用于設定你所需要的顏色：
顏色名稱
CSS所用的顏色名稱同我們常用的稱呼方式。16種基本色為aqua,
black, blue, fuchsia, gray, green, lime,maroon,
navy, olive, purple, red, silver, teal,
white, and yellow.
但是Netscape和Microsoft的瀏覽器還認可數(shù)百種其它色彩名稱，參見
HYPE's
Color Specifier.
16進制（hex）色彩控制
使用16進制數(shù)可實現(xiàn)對色彩的更精確的控制，其格式為 #336699。16進制（hex）色彩控制詳見Webreference.com。
CSS還支持某些hex值的快捷計數(shù)法。比如， #336699可以被稱為
#369。瀏覽器會將其按照16進制格式闡釋。
RGB值
對于習慣于RGB計數(shù)法的用戶，這里將提供一種全新的色彩設定方法。RGB法通常用于圖象應用軟件例如
Photoshop。利用RGB設定色彩的方法如下：
B { color: rgb(51,204,0) }
RGB的數(shù)值范圍從0到255，R代表紅色，G代表綠色，B代表藍色。
IE 3不支持RGB格式，但是4.0版本的瀏覽器都支持。
4.3 背景顏色
在傳統(tǒng)的網(wǎng)頁設計中，為了在某一要素后面加上背景色，你必須先在要素周圍生成表格單元，
然后在表格單元中添加顏色。 利用 CSS添加背景色則相當容易。
背景色
利用CSS在網(wǎng)頁要素后面加入固定的背景色及圖象。
P.yellow { background-color: #FFFF66 }
The above rule has been
applied to this entire paragraph. You can use any of the values we talked about on the
previous page: color names, hex numbers, or RGB values.
你甚至可以將要素只加到某一個單詞后面。
在IE 3 和 Netscape Communicator中,
第一段文字后的背景色延伸的長度不同.在IE 4中顏色會延伸更多一些，在整個段落后面形成一個較大的方塊背景。
(注意：IE 3根本不支持背景色屬性。但是它支持背景設置，這種快捷屬性也能達到同樣的效果。詳見第6頁。）
你還可以給背景色設定透明屬性，也就是說，論背景色原來是什么顏色，都會以透明色顯。
背景色的確是太棒了，而如果能給背景加上圖，不就更棒了嗎？你的夢想可以實現(xiàn)！
4.4 背景圖象
你可以很輕松地將GIF或JPEG圖象加到一個要素后面：
B { background-image: url(background.gif) }該規(guī)則將背景圖象加到整個段落之后。你可以將GIF圖象采用和背景圖象通常的設置類似的方法平鋪到文字后面。
你還可以將背景圖象只添加到兩個單詞后面。想把圖象添加到整個瀏覽器窗口嗎？那么你可以將其添加到
<BODY>標簽。
你可以使用URL調(diào)用一幅圖象，你既可以使用相對UPL，例如
images/bg.gif或完整的URL,例如
//www.webmonkey.com/images/bg.gif.
none參數(shù)值將取消對背景圖象的任何設置.
當你設定一個背景圖象時，最好能指定一種背景色。這樣以來,下載背景圖象的同時,固定的背景色先出現(xiàn)在屏幕上。而且它將透過背景圖象上的透明色區(qū)顯示出來。例：
CSS makes Webmonkeys gleeful.
你可以看到背景色紫色在GIF圖象的透明色區(qū)也顯示出來。
我們最常用的瀏覽器中可能會出現(xiàn)以下各種景圖象問題：
在本篇所討論的各種背景屬性中，IE 3只支持快捷背景屬性，詳見第6頁。
當使用鏈接的樣式表時，IE 3根本不顯示背景圖象。
當你僅對段落的某一部分添加背景圖象，Communicator
(在兩種操作平臺上) 和IE 4 (Mac操作平臺上)
有時候可能會出問題，也許它根本不顯示圖象，也許會在添加了背景圖象的文字中加入行回車。
如果你同時設定了背景圖象和背景色，有時候
Communicator將背景色的顯示排在優(yōu)先的地位。
4.5 控制背景圖象
你不僅可以將圖象放在要素后面，你還可以精確地控制背景圖象的各項設置。你可以決定是否及如何將其平鋪，背景圖象應該滾動還是保持固定，及將其放在什么位置。朋友，這是真的！
背景重復(background-repeat)
背景圖象通常是平鋪在背景上的，對嗎？錯。利用這項CSS屬性，你可以控制是否將其平鋪。
P { background-repeat: no-repeat; background-image: url(
background.gif) }
上述規(guī)則應用于整個段落。我們以前用過的GIF圖象出現(xiàn)在文字后面，但由于我們應用了不重復圖象（no-repeat)規(guī)則，所以該圖象不會重復平鋪在整個段落后面，它只顯示一幅單獨的圖象。
如果你只想讓圖象垂直或者水平方向平鋪，你以使用repeat-x將其水平平鋪，用repaet-y將其垂直平鋪。而repeat參數(shù)值則將圖象從水平和垂直兩個方向平鋪。
固定背景（background－attachment）
在HTML中，背景圖象通常會隨頁面的滾動而一起滾動。但利用CSS的固定背景（background）屬性，你可以建立不滾動的背景圖象，頁面滾動時，背景圖象可以保持固定。
，我們將會及時處理。 |  全國職稱計算機考試速成過關系列套裝:W.. 定價：￥133 優(yōu)惠價：￥133.0 更多書籍 |
 | 全國職稱計算機考試速成過關系列套裝:W .. 定價：￥124 優(yōu)惠價：￥124.0 更多書籍 |
