《網(wǎng)頁(yè)設(shè)計(jì)資料》word版-文庫(kù)吧
2025-01-01 08:44 本頁(yè)面
【正文】 t首行縮進(jìn)10px/2emlineheight行高8px/texttransform英文大小寫(xiě)capitalize/uppercase/lowercase 列表項(xiàng)樣式控制liststyletype符號(hào)類型disc/circle/squaredecimal/lowerroman/upperroman/loweralpha/uperalphaliststyleimage符號(hào)圖片url() 顏色與背景color前景色FF0000backgroundcolor背景色00FF00backgroundimage背景圖像url()backgroundrepeat背景重復(fù)樣式repeatx/repeatyrepeat/norepeatbackgroundposition背景圖像位置left/right/center/top/bottom 這些是最基本的CSS樣式，大致可以涵蓋曾經(jīng)學(xué)習(xí)到的HTML排版，應(yīng)結(jié)合Dreamwear的CSS編輯工具，多做實(shí)驗(yàn)。 CSS2 CSS高級(jí)應(yīng)用1 CSS選擇器高級(jí)語(yǔ)法選擇器 { 樣式名: 樣式內(nèi)容[。 樣式2: 樣式2內(nèi)容。...]}基本通用選擇器包括 自定義型(.mycss)、HTML元素型(p)、ID型(myid)三種，實(shí)際應(yīng)用中，這三種的組合可以行成高級(jí)選擇器： 分組選擇器 分組選擇器一次性定義一組元素，元素之間用英文逗號(hào)分開(kāi)，這樣可以一次性定義一批元素樣式例1： h1, h2, h3{color: FF00FF}例2: .mycss, p, td, div1{backgroundcolor: EF094C。}可以使用分組選擇器統(tǒng)一定義具有相同屬性的一組元素樣式，再分別定義各自的樣式 派生選擇器需要元素之間構(gòu)成嵌套關(guān)系才有效，元素之間要用空格符號(hào)分開(kāi)例如： td p{color: 00FF00。}必須是在 td 元素中的 p 元素才會(huì)有效 鏈接選擇器a:link {color: FF0000} 未訪問(wèn)的鏈接a:visited {color: 00FF00} 已訪問(wèn)的鏈接a:hover {color: FF00FF} 鼠標(biāo)移動(dòng)到鏈接上a:active {color: 0000FF} 選定的鏈接 2 DIV控制div+css是近來(lái)常用的網(wǎng)頁(yè)布局設(shè)計(jì)方法，有取代table布局的趨勢(shì) 區(qū)塊容器元素的常用屬性div、p、td 等具有區(qū)塊性的元素常常用作容器使用，這些容器有大小、背景、前景色等共同屬性，特別的是，區(qū)塊元素具有邊框系列屬性：所有的框都由 外邊距margin、內(nèi)邊距padding 和 邊框 border組成，在W3C標(biāo)準(zhǔn)中一個(gè)區(qū)塊的寬和高衡量的是內(nèi)邊距之內(nèi)的內(nèi)容；而微軟的IE標(biāo)準(zhǔn)是外邊距+邊框+內(nèi)邊距+內(nèi)容 。 div元素定位div元素與其他區(qū)塊元素不同，它可以通過(guò)屬性調(diào)整進(jìn)行自定位：position定位方式absolute/relative/fixedtop頂端距離(y軸)10pxleft左邊距離(x軸)10pxzindex立體層次(z軸)127~128其中fixed是相對(duì)瀏覽器顯示空間定位，absolute是相對(duì)于包含塊定位,這兩種定位方式不會(huì)占據(jù)頁(yè)面位置relative是相對(duì)于本來(lái)absolute定位應(yīng)該在的位置相對(duì)偏移，并占據(jù)自己的位置，頂開(kāi)其他元素zindex可以指定堆疊層次，實(shí)現(xiàn)元素堆疊 溢出部分的顯示當(dāng)內(nèi)容超出div規(guī)定的寬和高時(shí)，一般情況下會(huì)像撐大表格一樣把div區(qū)域撐大，但也可以通過(guò)設(shè)置溢出樣式來(lái)使溢出部分滾動(dòng)顯示：overflow:scroll。 3 幾個(gè)實(shí)用實(shí)例 帶說(shuō)明文字的圖片嵌入編
公司管理相關(guān)推薦
鄂ICP備17016276號(hào)-1