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