CSS 快速參考

1、附錄 4 CSS 快速參考1 CSS 快速參考附表 4-1 按字母順序列出了所有的 CSS 屬性和對(duì)應(yīng)的 DHTML 特性（所謂 DHTML 特性是指在客戶端腳本中引用該 CSS 屬性時(shí)使用的名稱），并對(duì)常用的屬性作了較詳細(xì)的說明，供讀者在設(shè)計(jì)網(wǎng)頁(yè)時(shí)參考。附表 4-1 CSS 屬性參考CSS 屬性DHTML 特性說明backgroundbackground提供多個(gè)背景屬性的組合。例如：BODYbackground: no-repeat yellow left center url(./image/background.jpg)background-attachmentbackgroundAtt

2、achment指定特定 HTML 元素背景圖案是否與內(nèi)容一起滾動(dòng)，取值為 scroll | fixed。默認(rèn)值 scroll 表示背景圖案隨著內(nèi)容一起滾動(dòng)；fixed 表示背景圖案靜止，而內(nèi)容可以滾動(dòng)。例如：BODYbackground-attachment:fixedbackground-colorbackgroundColor指定特定 HTML 元素的背景顏色，取值為 transparent 或具體顏色值。例如，H1background-color:graybackground-imagebackgroundImage指定特定 HTML 元素的背景圖案，取值為none | url(imag

3、eurl)（在指定其他有關(guān)背景圖案的屬性時(shí)，應(yīng)先指定此屬性）。例如，H1background-image:url(./MM.jpg)background-positionbackgroundPosition指定特定 HTML 元素背景圖案的位置，取值為由空格隔開的兩個(gè)值，既可以使用關(guān)鍵字 left | center | right 和 top | center | bottom，也可以指定百分?jǐn)?shù)值，或者指定以標(biāo)準(zhǔn)單位計(jì)算的距離。例如：BODY background-position:left centerbackground-repeatbackgroundRepeat指定特定 HTML 元素

4、背景圖案是否重復(fù)，取值為 repeat | repeat-x | repeat-y | no-repeatborderborder一次性指定四個(gè)框線的寬度、樣式和顏色。例如，H1border:thin solid blueborder-bottomborderBottom指定邊框底邊的寬度、樣式和顏色。例如，H1border-top:thin solid blueborder-bottom-colorborderBottomColor指定邊框底邊的顏色，取值可以是任意顏色值border-bottom-styleborderBottomStyle指定邊框底邊的樣式，取值可以是：none | do

5、tted | dashed | solid |double | groove | ridge | inset | outset，默認(rèn)值是 none 續(xù)表CSS 屬性DHTML 特性說明border-bottom-widthborderBottomWidth指定邊框底邊的寬度，取值可以是：thin | medium | thick 或長(zhǎng)度值border-colorborderColor設(shè)置邊框的顏色，取值可以是任意顏色值?？梢灾付ǘ鄠€(gè)值，按上、右、下、左的順序指定邊框的顏色，如果指定了 2 或 3 個(gè)值，則未指定顏色的邊框采用相對(duì)邊框的顏色值border-leftborderLeft指定邊框左邊

6、的寬度、樣式和顏色。例如，H1border-left:thin solid blueborder-left-colorborderLeftColor指定邊框左邊的顏色，取值可以是任意顏色值border-left-styleborderLeftStyle指定邊框左邊的樣式，取值可以是：none | dotted | dashed | solid |double | groove | ridge | inset | outset，默認(rèn)值是 noneborder-left-widthborderLeftWidth指定邊框左邊的寬度，取值可以是：thin | medium | thick 或長(zhǎng)度值bo

7、rder-rightborderRight指定邊框右邊的寬度、樣式和顏色。例如，H1border-right:thin solid blueborder-right-colorborderRightColor指定邊框右邊的顏色，取值可以是任意顏色值border-right-styleborderRightStyle指定邊框右邊的樣式，取值可以是：none | dotted | dashed | solid |double | groove | ridge | inset | outset，默認(rèn)值是 noneborder-right-widthborderRightWidth指定邊框右邊的寬度，

8、取值可以是：thin | medium | thick 或長(zhǎng)度值border-styleborderStyle設(shè)置邊框的樣式，取值可以是：none | dotted | dashed | solid |double | groove | ridge | inset | outset，默認(rèn)值是 none。當(dāng)取多個(gè)值時(shí)，也按上、右、下、左的順序?yàn)樗膫€(gè)邊框設(shè)置不同的樣式；如果指定了 2 或 3 個(gè)值，則未指定樣式的邊框采用相對(duì)邊框的樣式值border-topborderTop指定邊框頂邊的寬度、樣式和顏色。例如，H1border-top:thin solid blueborder-top-color

9、borderTopColor指定邊框頂邊的顏色，取值可以是任意顏色值border-top-styleborderTopStyle指定邊框頂邊的樣式，取值可以是：none | dotted | dashed | solid |double | groove | ridge | inset | outset，默認(rèn)值是 noneborder-top-widthborderTopWidth指定邊框頂邊的寬度，取值可以是：thin | medium | thick 或長(zhǎng)度值bottombottom確定元素下方向的位置clearclear指定元素是否允許浮動(dòng)元素在它旁邊，取值可以是：none | left

10、 | right | both，默認(rèn)值為none 續(xù)表CSS 屬性DHTML 特性說明border-widthborderWidth此屬性是設(shè)置 border-top-width、border-right-width、border-bottom-width、和border-left-width 的快捷方式（以此給定順序，即上、右、下、左的順序）。如果只給定一個(gè)值，則它應(yīng)用于所有四個(gè)邊框線。如果給定 2 或 3 個(gè)值，則未指定的邊框采用與其相對(duì)邊框的設(shè)置clipclip控制元素的剪切colorcolor指定特定 HTML 元素內(nèi)文本的顯示顏色，取值為任何合法的顏色值。例如，以下定義都是正確的：H

11、1.red color:red、H1.red color:#F00、H1.red color:#FF0000、H1.red color:rgb(255,0,0)、H1.red color:rgb(100%,0,0)cursorcursor控制鼠標(biāo)指針的樣式，取值可以是 auto | crosshair | default | hand | move | e-resize | ne-resize | nw-resize | n-resize | se-resize | sw-resize | s-resize | w-resize | text | wait | help。例如，Pcursor:

12、handdisplaydisplay確定元素是否應(yīng)繪制在頁(yè)面上，取值可以是 block | inline | list-item | nonefloatstyleFloat指定元素在何處浮動(dòng)，取值為：none | left | right，默認(rèn)值為 nonefontfont提供多個(gè)字體屬性的組合，按以下順序定義：font-weight,font-variant,font-style,font-size,line-height，屬性可以省略。例如，Pfont:italic 200% seriffont-familyfontFamily描繪要使用的“字體”優(yōu)先級(jí)序列，取值可以是字體名稱，也可以是字

13、體族名稱，值之間用逗號(hào)分隔。例如：BODYfont-family:gill,helvetica,sans-seriffont-sizefontSize指定所用字體的大小，取值為 xx-small | x-small | small | medium | large |x-large | xx-large | smaller | larger，或者是具體的長(zhǎng)度值或百分比f(wàn)ont-stylefontStyle指定選定字體的樣式，取值為 normal | italic | oblique，后兩者表示斜體。例如：H4 font-style: italicfont-variantfontVariant選

14、擇正?；蛐懽凅w，取值為 normal | small-capsfont-weightfontWeight指定所用字體的粗細(xì)，取值為 normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900heightheight指定元素的高度leftleft確定元素左方向的位置letter-spacingletterSpacing指定文本字母間的間距，取值為 normal 或具體的長(zhǎng)度值。例如：Pletter-spacing:1mm 續(xù)表CSS 屬性DHTML 特性說明line-heightl

15、ineHeight指定目標(biāo)選項(xiàng)內(nèi)文本的行高，取值可以是數(shù)字、長(zhǎng)度或百分比，默認(rèn)值是 normal。例如，DIVline-height:1.5linklink控制鏈接的顏色list-stylelistStyle一次性指定列表項(xiàng)目標(biāo)記的圖片、類型和位置。例如，ULlist-style:url(./image/ball.gif) disc insidelist-style-imagelistStyleImage為列表指定圖片作為項(xiàng)目標(biāo)記，取值可以是none | url(imageurl)。例如，ULlist-style-image:url (./target.gif)list-style-posit

16、ionlistStylePosition指定列表項(xiàng)目標(biāo)記的位置，取值可以是 inside 或 outside，默認(rèn)值是outsidelist-style-typelistStyleType指定列表項(xiàng)目標(biāo)記的類型，取值可以是 disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none。例如，OLlist-style-type:lower-romanmarginmargin指定邊界寬度的簡(jiǎn)捷方式，可同時(shí)指定上、右、下、左（以此順序）邊界的寬度。如果只指定一個(gè)值，則四個(gè)

17、方向都采用相同的邊界寬度；如果指定了 2 或 3 個(gè)值，則沒有指定邊界寬度的邊采用對(duì)邊的邊界寬度。例如，Pmargin: 20px,0pxmargin-bottommarginBottom設(shè)置底端邊界的寬度，取值可以是長(zhǎng)度、百分比或 automargin-leftmarginLeft設(shè)置左端邊界的寬度，取值可以是長(zhǎng)度、百分比或 automargin-rightmarginRight設(shè)置右端邊界的寬度，取值可以是長(zhǎng)度、百分比或 automargin-topmarginTop設(shè)置頂端邊界的寬度，取值可以是長(zhǎng)度、百分比或 autooverflowoverflow控制元素內(nèi)容越界時(shí)的處理padding

18、paddingTop指定填充的簡(jiǎn)捷方式，可同時(shí)指定上、右、下、左四個(gè)方向（以此順序）填充的寬度。如果只指定一個(gè)值，則四個(gè)方向都采用相同的填充寬度；如果指定了 2 或 3 個(gè)值，則沒有指定填充寬度的邊采用對(duì)邊的填充寬度。例如，Ppadding:0.25in, 0.1inpadding-bottomwidth設(shè)置底端填充，取值可以是長(zhǎng)度和百分?jǐn)?shù)，但不允許使用負(fù)值padding-leftpaddingLeft設(shè)置左端填充，取值可以是長(zhǎng)度和百分?jǐn)?shù)，但不允許使用負(fù)值padding-rightpaddingRight設(shè)置右端填充，取值可以是長(zhǎng)度和百分?jǐn)?shù)，但不允許使用負(fù)值 續(xù)表CSS 屬性DHTML 特性說

19、明padding-toppaddingTop設(shè)置頂端填充，取值可以是長(zhǎng)度和百分?jǐn)?shù)，但不允許使用負(fù)值page-break-afterpageBreakAfter設(shè)置在元素后是否出現(xiàn)頁(yè)分隔符page-break-beforepageBreakBefore設(shè)置在元素前是否出現(xiàn)頁(yè)分隔符positionposition確定元素的定位方式，取值可以是 static | relative | absolute，默認(rèn)值為 staticrightright確定元素右方向的位置text-aligntextAlign指定目標(biāo)選項(xiàng)內(nèi)文本的對(duì)齊方式，取值是：left | right | center | justify。例如：Ptext-align:justifytext-decorationtextDecoration對(duì)文本施加修飾效果，取值為none | underline | overline | line-through | blink。例如，:link, :visited,:activetext-decoration:nonetext-inden