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