網(wǎng)站建設(shè)是指使用標(biāo)識(shí)語(yǔ)言（markup language)，通過一系列設(shè)計(jì)、建模、和執(zhí)行的過程將電子格式的信息通過互聯(lián)網(wǎng)傳輸，最終以圖形用戶界面（GUI）的形式被用戶所瀏覽。簡(jiǎn)單來說，網(wǎng)頁(yè)設(shè)計(jì)的目的就是產(chǎn)生網(wǎng)站。簡(jiǎn)單的信息如文字，圖片（GIF，JPEG，PNG）和表格，都可以通過使超文件標(biāo)示語(yǔ)言、可擴(kuò)展超文本標(biāo)記語(yǔ)言等標(biāo)示語(yǔ)言放置到網(wǎng)站頁(yè)面上。
十．控制列表的樣式 列表是HTML里一種很有用的顯示方式，可以把相關(guān)的并列內(nèi)容整齊地垂直排列，使網(wǎng)頁(yè)顯得整潔專業(yè)，并讓瀏覽者有一目了然的感覺。 樣式表為列表增加了一些功能，控制列表的樣式包括列表樣式、圖形符號(hào)、列表位置三個(gè)部分。 1．列表符號(hào) 列表符號(hào)是指顯示于每一個(gè)列表項(xiàng)目前的符號(hào)標(biāo)識(shí)。 基本格式如下： list-style-type：參數(shù) 參數(shù)取值范圍： ·disc：圓形 ·circle：空心圓 ·square：方塊 ·decimal：十進(jìn)制數(shù)字 ·lower-roman：小寫羅馬數(shù)字 ·upper-roman：大寫羅馬數(shù)字 ·lower-alpha：小寫希臘字母 ·upper-alpha：大寫希臘字母 ·none：無符號(hào)顯示 參數(shù)中的disc是默認(rèn)選項(xiàng)。 2．圖形符號(hào) 圖形符號(hào)指原來列表的項(xiàng)目符號(hào)將可以使用圖形來代替。 基本格式如下： list-style-image：URL URL是用來代替項(xiàng)目符號(hào)的圖形文件的地址，可以使用相對(duì)地址或絕對(duì)地址。 3．列表位置 列表位置描述列表在何處顯示。 基本格式如下： list-style-position：參數(shù) 參數(shù)取值范圍： ·inside：在BOX模型內(nèi)部顯示 ·outside：在BOX模型外部顯示 這里又出現(xiàn)了一個(gè)新的概念：BOX模型。BOX是指一種容器，包含了應(yīng)用樣式規(guī)則的對(duì)象，具體介紹將在后文中給出。 十一．控制用戶界面的樣式 在網(wǎng)頁(yè)上，鼠標(biāo)平時(shí)呈箭頭形，指向鏈接時(shí)成為手形，等待網(wǎng)頁(yè)下載時(shí)成為沙漏形……這似乎是約定俗成的。雖然這樣的設(shè)計(jì)能使我們知道瀏覽器現(xiàn)在的狀態(tài)或是可以做什么，但這些好像還不能完全地滿足我們的需要。就拿鏈接來說，可以是指向一個(gè)幫助文件，也可以是向前進(jìn)一頁(yè)或是向后退一頁(yè)，針對(duì)如此多的功能光靠千篇一律的手形鼠標(biāo)是不能說明問題的。值得慶幸的是，CSS提供了多達(dá)13種的鼠標(biāo)形狀，供我們選擇。 基本格式如下： cursor：鼠標(biāo)形狀參數(shù) CSS鼠標(biāo)形狀參數(shù)表： CSS代碼 鼠標(biāo)形狀 style="cursor:hand" 手形 style="cursor:crosshair" 十字形 style="cursor:text" 文本形 style="cursor:wait" 沙漏形 style="cursor:move" 十字箭頭形 style="cursor:help" 問號(hào)形 style="cursor:e-resize" 右箭頭形 style="cursor:n-resize" 上箭頭形 style="cursor:nw-resize" 左上箭頭形 style="cursor:w-resize" 左箭頭形 style="cursor:s-resize" 下箭頭形 style="cursor:se-resize" 右下箭頭形 style="cursor:sw-resize" 左下箭頭形大多數(shù)人在上網(wǎng)的時(shí)候，都會(huì)瀏覽網(wǎng)頁(yè)提供給我們的信息。