網站建設是指使用標識語言(markup language),通過一系列設計、建模、和執行的過程將電子格式的信息通過互聯網傳輸,最終以圖形用戶界面(GUI)的形式被用戶所瀏覽。簡單來說,網頁設計的目的就是產生網站。簡單的信息如文字,圖片(GIF,JPEG,PNG)和表格,都可以通過使超文件標示語言、可擴展超文本標記語言等標示語言放置到網站頁面上。 九.控制顏色和背景的樣式 控制顏色和背景的樣式包括顏色屬性、背景顏色、背景圖片、背景圖片重復、背景圖片固定、背景定位六個部分。 1.顏色屬性 基本格式如下: color: 參數 顏色參數取值范圍: ·以RGB值表示 ·以16進制(hex)的色彩值表示 ·以默認顏色的英文名稱表示 以默認顏色的英文名稱表示無疑是最為方便的,但由于預定義的顏色種類太少,所以更多的網頁設計者喜歡用RGB的方式。RGB方式的好處很多,不但可以用數字的形式精確地表示顏色,而且也是很多圖像制作軟件(如Photoshop)里默認使用的規范,這樣一來就為圖片和網頁更好地結合打下了堅實的基礎。 2.背景顏色 在HTML當中,要為某個對象加上背景色只有一種辦法,那就是先做一個表格,在表格中設置完背景色,再把對象放進單元格。這樣做比較麻煩,不但代碼較多,還要為表格的大小和定位傷些腦筋,F在用CSS就可以輕松地直接搞定了,而且對象的范圍很廣,可以是一段文字,也可以只是一個單詞或一個字母。 基本格式如下: background-color: 參數 參數取值和顏色屬性一樣。 3.背景圖片 基本格式如下: background-image: url(URL) URL就是背景圖片的存放路徑。如果用“none”來代替背景圖片的存放路徑,將什么也不顯示。4.背景圖片重復 背景圖片重復控制的是背景圖片平鋪與否,也就是說,結合背景定位的控制可以在網頁上的某處單獨顯示一幅背景圖片。 基本格式如下: background-repeat: 參數 參數取值范圍: ·no-repeat:不重復平鋪背景圖片 ·repeat-x:使圖片只在水平方向上平鋪 ·repeat-y:使圖片只在垂直方向上平鋪 如果不指定背景圖片重復屬性,瀏覽器默認的是背景圖片向水平、垂直兩個方向上平鋪。 5.背景圖片固定 背景圖片固定控制背景圖片是否隨網頁的滾動而滾動。如果不設置背景圖片固定屬性,瀏覽器默認背景圖片隨網頁的滾動而滾動。為了避免過于花哨的背景圖片在滾動時傷害瀏覽者的視力,所以可以解除背景圖片和文字內容的捆綁,該為和瀏覽器窗口捆綁。 基本格式如下: background-attachment: 參數 參數取值范圍: ·fixed:網頁滾動時,背景圖片相對于瀏覽器的窗口而言,固定不動 ·scroll:網頁滾動時,背景圖片相對于瀏覽器的窗口而言,一起滾動 6.背景定位 背景定位用于控制背景圖片在網頁中顯示的位置。 基本格式如下: background-position: 參數表 參數取值范圍: ·帶長度單位的數字參數 ·top:相對前景對象頂對齊 ·bottom:相對前景對象底對齊 ·left:相對前景對象左對齊 ·right:相對前景對象右對齊 ·center:相對前景對象中心對齊 ·比例關系 參數中的center如果用于另外一個參數的前面,表示水平居中;如果用于另外一個參數的后面,表示垂直居中。大多數人在上網的時候,都會瀏覽網頁提供給我們的信息。
|