網頁制(zhì)作(zuò)中常用(yòng)的(de)CSS屬∞ ♣ 性一(yī)覽

　　網頁制(zhì)作(zuò)中常用(yòng)的(de)CSS屬性一 ∏∑>(yī)覽。

　　color設置文(wén)字顔色

　　#rgb

　　#rrggbb

　　rgb(255,255,255)

　　rgb(100%,100%,100%)H1{col ™εor:red}

　　H1{color:#f00}

　　H1{color:#ff0000}

　　H1{color:rgb(255,0,0)}

　　H1{color:rgb(100%,0%,0%)}

　　background-color設置背景顔色，格式同上(s≠✔hàng)。BODY{background-color:re✔∏₹γd}

　　BODY{background-color:#f00}

　　BODY{background-colo←"↑γr:#ff0000}

　　BODY{background-color:rg™₹€∏b(255,0,0)}

　　BODY{background-colorε♠↑:rgb(100%,0%,0%)}

　　background-image設置背景圖片，

　　url(/imageURL)body{backrounσεd-image:url(/back.jpg);}

　　background-repeat  設置背景圖片是(shì)否重複排列:

　　repeat-x(X軸重複排列);

　　repeat-y(Y軸重複排列);

　　No-repeat(不(bù)重複排列)BODY{bac£≥kground-repeat:repeat-x;}

　　BODY{background-re₽§←≠peat:No-repeat;}

　　background-attachmen€αt設定背景圖片是(shì)否卷動，默認為(wèi)卷動±®∏×。

　　scroll(卷動)

　　fixed(不(bù)卷動)BODY{background-at☆βtachment:fixed;}

　　background-position♥σ 設定背景圖片或背景顔色開(kāi)始顯示的(de)位置，取值格式：

　　top,buttom,left,r♦'✘Ωight,center(用(yòng)關鍵字)

　　70px10px(用(yòng)長(chánε®←₽g)度值)

　　50%30%(用(yòng)百分(fēn)比)BO×α÷∞DY{background-positionδδ₩:righttop;}

　　BODY{background-po♦♦sition:50px10px;}

　　BODY{background-position:20%50%;}

　　background定義背景綜合屬性，不(bù)要(yào)求順序，各屬$✔性值以空(kōng)格分(fēn)開(kāi)。BOD∞ ↑ Y{background:#ffcc00url(/bg.jpg)fix↔↕≈<edcenter}

　　字型類

　　font-family設置字型屬性，取值£↑可(kě)以是(shì)任何字型名稱，缺省為(wèi)浏覽器(qì)內(' ↔nèi)定字型，可(kě)以設多(duō)個(gè)以逗号(,)分(↑​☆​fēn)開(kāi)，有(yǒu)空(kōng)®₹∞格的(de)英文(wén)字型可(kě)用(yòng)單引¶ ★♠号或雙引号括起來(lái)。P{font-family:宋體(tǐ),©α↑>楷體(tǐ),黑(hēi)體(tǐ),"TimeNewRom";π ∞€}

　　font-style設定字型樣式：Normal(正常),itali§"π÷c、objlique(斜體(tǐ))P{φ∞÷"font-style:italic;}

　　font-variant取值：Normal(默認)，smaε×ll-caps(如(rú)果是(shì)中文β✘(wén)字型則将字型縮小(xiǎo)顯示，如(rú)果是(shì™♥)英文(wén)則全部改為(wèi)較小(x&∞®<iǎo)的(de)大(dà)寫)H3{font-variant:s↓≥mall-caps;}

　　font-weight設定字體(tǐ)粗細，取值¥δ★有(yǒu)：

　　Normal(默認),bold,lighter,border,100,2↑↓​00...900

　　由于浏覽器(qì)支持程度不(bù)同，一(yī)般¥™₩←隻用(yòng)normal和(hé)bold兩種屬性。P{f↑&ont-weight:bold;}

　　font-size設定字體(tǐ)的(de)大(dà)小(xi♦₹β≥ǎo)；

　　絕對(duì)大(dà)小(xiǎo)：xx-small,x-©₹±λsmall,small,mediumlarge,x-large,xx-σ✔βlarge;

　　相(xiàng)對(duì)大(dà)小(xiǎo)φ€：larger,smaller;

　　數(shù)字表示可(kě)用(yòng)單位：磅(pt)★​β',像素(px),英寸(in),厘米(cm);

　　亦可(kě)用(yòng)百分(fēn∏↓<)比表示。H2{font-size:36pt;}

　　P{font-size:200%;}

　　font設定字型的(de)綜合屬性，其順序φ☆≤$如(rú)下(xià)：

　　{font-stylefont-variantfont£♦ε-weightfont-size/line-heightfont-Ω≤εfamily;}P{bold12pt/14ptimpact,Arial;}×ε♥

　　文(wén)字類

　　letter-spacing設定文(wén)字間(ji↔βān)距。P{letter-spacing:5p ®t;}

　　text-decoration設定文(wén)字加上(shàng)下(≠♠xià)劃線、删除線等效果：

　　none(無)

　　underline(下(xià)劃線)

　　overline(上(shàng)© ≥劃線)

　　line-through(删除線)

　　vertical-align設定文(wén)字或‌ππλ圖片垂直方向的(de)對(duì)齊方式：

　　baseline:默認值sub:下(xià)标sup​ ‌✘er:上(shàng)标top:垂直向上(shàng)對(duì)齊mid✔±¥dle:垂直居中bottom:垂直向下(xià)對Ω×♥(duì)齊。

　　text-transform轉換英文(wén)字母大(dà)小(xi≥₹&ǎo)寫：

　　none:默認值capitalize:首字母大(dà)寫uppe​©rcase:所有(yǒu)英文(wén)字母大(d♠‍₽€à)寫lowercase:所有(yǒu)英文(wén)字母小(xiǎo£ α)寫。

　　text-align設置文(wén)字的(de)水(₽∏↓shuǐ)平對(duì)齊方式：

　　left:左對(duì)齊right:右對('☆♣duì)齊center:水(shuǐ)平居中justi₽  ×fy:左右對(duì)齊。

　　text-indent設定标記元素內(nèi)文(w>πén)字的(de)首行(xíng)縮進或配合margin-le☆¶♠☆ft屬性設定首行(xíng)凸排。

　　line-height設定行(xíng)高(gāoδ )，聲明(míng)方式有(yǒu)标準行(xíng)高(g'♥±<āo)、固定值表示法、百分(fēn)比行(xíng)高(gāo)、字型大(d←&£σà)小(xiǎo)比例行(xíng)高(gāo)等。

　　列表類

　　list-style-type有(yǒu)序列表的(de)編号方式（供

标記使用(yòng)）：

　　none:無編号decimal:阿拉伯數(shù)字l•γower-roman:小(xiǎo)寫羅馬數(shù)字upp↕✘er-roman:大(dà)寫羅馬數(shù)字lower-al≈★£pha:小(xiǎo)寫英文(wén)字母upper-alpha:大(dφ •±à)寫英文(wén)字母。

　　list-style-type無序列表的<¶(de)符号樣式（供

使用(yòng)）：

　　none:無符号disc:實心圓符号circle: ♦¥σ空(kōng)心圓符号square:實心方形符号。

　　list-style-image無序列表的(de)自(zì)定義符₩★&号樣式：

　　格式：url(圖片名稱)UL{list-•£style-imag:url(/dd.gif);}

　　list-style-position設置列表清單符号×π縮排屬性：

　　outside:凸排inside:縮排UL{list-₩★÷style-imag:url(/dd.gif);list-style-pos♥<ition:outside;}

　　list-style列表清單項目的(de)✘↔→‌綜合設定，屬性之間(jiān)用(yòng)空(kōng)格隔開(≤÷​♠kāi)。UL{list-style-imag: $♦url(/dd.gif)inside;}

　　邊界及其相(xiàng)關類

　　margin标記元素邊界值的(de)綜合設定。（其規則見(✔↑×jiàn)右邊範例）

　　亦可(kě)以用(yòng)margin-top☆÷☆'、margin-right、margin-bottom、σ₹$$margin-left分(fēn)開(kāi)設定各邊的(d÷φ'☆e)邊界。聲明(míng)4個(gè)值，其順序為(∏₩wèi)上(shàng)、右、下(xià)、左邊界，如(rú)：DIV{m§☆£βargin:12pt15pt20pt16pt;}

　　聲明(míng)3個(gè)值，其順序為(wèi)上(shà ×♥ng)、右、下(xià)，缺少(shǎo)的(dδ≠←e)左邊界取其對(duì)邊（右），如(rú)：DIV"₩¶★{margin:12pt15pt16pt§λπ;}

　　聲明(míng)2個(gè)值，其順序為(wèi)上(shàng)、右，£®缺少(shǎo)的(de)下(xià)、左邊界取其對(duì)邊，如(rú)： $DIV{margin:12pt15pt;}

　　聲明(míng)1個(gè)值，則4個(gè)邊界同一(yī)≈™<'個(gè)值，如(rú)：DIV{margin:15pt;}

　　padding設定标記內(nèi)容與标記邊框之間(j™'∏iān)的(de)留白(bái)的(de)綜合設定（ ≥&↕規則見(jiàn)margin屬性的(de)範例）。也(yě)可(kě× )分(fēn)開(kāi)設定padding-top、padding-rig ₽♠ht、padding-bottom、pad‍ ≤¶ding-left各值。

　　border-width标記元素邊框寬度的(de)綜合設定（∞​規則類似于margin屬性）。也(yě)可(§♠↑↓kě)分(fēn)開(kāi)設定border-top-width、→₹™∏border-right-width、border-bottom-width、÷•∞border-left-width各值。

　　border-color标記元素邊框顔色的(de)綜合設定（規則✔←§λ類似于margin屬性）。顔色取值見(jiàn)color屬性。也✘∑(yě)可(kě)分(fēn)開(kāi)設定borde​™♥δr-top-color、border-right-color、♦≤∏‍border-bottom-color、border-left-colorπ∞♣各值。

　　border-style标記元素邊框樣式的(d"♦> e)綜合設定（規則類似于margin屬性）。邊框樣式₩≥α有(yǒu)深圳建站(zhàn)公司solid,dou₽εble,goove,ridge,inset,o✔®♦utset等。也(yě)可(kě)分(fēn)開(kāi)設定bΩ≥order-top-style、border-★≈right-style、border-bπ∏φottom-style、border-left-styl'≤±↕e各值。

　　border标記元素4個(gè)邊框的(de)綜合設定，可(kě£&)以分(fēn)别聲明(míng)邊框寬度、邊框​•≤樣式、和(hé)邊框顔色。DIV{border:5ptsolid#f☆×♥↔f0000;}

　　width設定标記元素的(de)寬度。

　　height設定标記元素的(de)高(gāo)度。

　　float設定标記元素與文(wén)字間(jiān)的(de)相(‌φxiàng)對(duì)位置（文(wén)字繞排方式）。取值：

　　none:以默認方式顯示；

　　left:标記元素靠左，文(wén)字在右邊繞排；

　　right:标記元素靠右，文(wén)Ω≤α字在左邊繞排；

　　clear設定标記元素與文(wén> )字間(jiān)的(de)相(xiàng)對(dφ‌≥εuì)位置（與float不(bù)同的(de)是(shì)标記元素兩$≈✔§邊都(dōu)不(bù)繞排）。取值：

　　none:以默認方式顯示；

　　left:标記元素靠左，右邊無文(wén)字繞排；

　　right:标記元素靠右，左邊無文(w←↕ε♣én)字繞排；

　　其他(tā)類

　　z-index設定标記元素的(de)堆疊層次™₽，取值為(wèi)整數(shù)，也(yě)可(kě)以是(shì'♣δ₩)負數(shù)，數(shù)值大(dà)的(de)在上(shàng)‍® 層。

　　visibility設定标記元素是(shìφ‍±)否可(kě)見(jiàn)，取值有(yǒu)：

　　inherit:取默認值visible:可(kě)見(jiàn)hidd®δ∏en:不(bù)可(kě)見(jiàn)（隐藏）