|
網(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è)提供給我們的信息。
|
溫馨提示:喜歡本站的話,請(qǐng)收藏一下本站!