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