網頁制(zhì)作(zuò)中常用(yòng)的(d™>e)CSS屬性一(yī)覽。
color設置文(wén)字顔色
#rgb
#rrggbb
rgb(255,255,255)
rgb(100%,100%,100%)H1{co§↓δ∏lor:red}
H1{color:#f00}
H1{color:#ff0000}
H1{color:rgb(255,0,0)}
H1{color:rgb(100%®♣γ,0%,0%)}
background-color設置背景顔色，格式同上(shàn×Ωπg)。BODY{background-color:red}
BODY{background-color:#f00}
BODY{background-color:€≤#ff0000}
BODY{background-color↕Ωλ:rgb(255,0,0)}
BODY{background-color:rgb(100%,0%,ε☆0%)}
background-image設 ♠₽φ置背景圖片，
url(/imageURL)body↔≤Ω{backround-image:url(/bπ÷♦Ωack.jpg);}
background-repeat設置背景圖片是(©γshì)否重複排列:
repeat-x(X軸重複排列); €
repeat-y(Y軸重複排列);
No-repeat(不(bù)重複排列)BODY{backgroun♦↔d-repeat:repeat-x;}
BODY{background-repeat:No-repeat;δπ}
background-attachment×✔∑÷設定背景圖片是(shì)否卷動，默認為(wèi)卷動。
scroll(卷動)
fixed(不(bù)卷動)BODY{back"✘£•ground-attachment:fixed;}
background-position設定背景圖片或背景>™★顔色開(kāi)始顯示的(de)位置，取值格式：
top,buttom,left,r≤≥≤ight,center(用(yòng)關鍵字)®εα
70px10px(用(yòng)長(ch£≠→ áng)度值)
50%30%(用(yòng)百分(fēn)比)BODY{b≠✔ackground-position:rightto♥εσp;}
BODY{background-positi♦→★←on:50px10px;}
BODY{background-position:20%50%;}
background定義背景綜合屬性，不(bù)要(yào)求順序>♠↑，各屬性值以空(kōng)格分(fēn)開(kāi) £。BODY{background:#ffcc00url(/bg.jpπ&☆g)fixedcenter}
字型類
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{f™↑®ont-family:宋體(tǐ),楷體₩&(tǐ),黑(hēi)體(tǐ),"•®®TimeNewRom";}
font-style設定字型樣式：Normal(正常),itali ≥πc、objlique(斜體(tǐ))P{font&±-style:italic;}
font-variant取值：Normal(默認)>×®σ，small-caps(如(rú)果是(shì)中文(wén)字型則§↑™∏将字型縮小(xiǎo)顯示，如(rú)果是(shì£↕)英文(wén)則全部改為(wèi)較小(xiǎo)的(de)大(dà)"↔♥'寫)H3{font-variant:small-caps;}
font-weight設定字體(tǐ)粗細，取值有(yǒu)：
Normal(默認),bold,lighter'Ω,border,100,200...900
由于浏覽器(qì)支持程度不(bù)同，一(yī)般隻用(yòng)n→↔γσormal和(hé)bold兩種屬性。P{font-weβ ¥₹ight:bold;}
font-size設定字體(tǐ)的α→(de)大(dà)小(xiǎo)；
絕對(duì)大(dà)小(xiǎo)：xx-smal∞π←♣l,x-small,small,mediumlarge,x-large£₽,xx-large;
相(xiàng)對(duì)大(dà)δ✘× 小(xiǎo)：larger,smaller;
數(shù)字表示可(kě)用(yòng)單位：磅(p≥×☆αt),像素(px),英寸(in),厘米(cmαγ);
亦可(kě)用(yòng)百分(fēn)比表示。β♦H2{font-size:36pt;}
P{font-size:200%;}
font設定字型的(de)綜合屬性，其順序如(rú)下(xià)：
{font-stylefont-var↔✘iantfont-weightfont-size/lin<✘→e-heightfont-family;}P{bold1≠πΩ2pt/14ptimpact,Arial;}
文(wén)字類
letter-spacing設定文(wén)字間(jiān)距'♥φ↕。P{letter-spacing:5pt;}≠∑
text-decoration設定文(wén)字φ₹加上(shàng)下(xià)劃線、删除線等效果：
none(無)
underline(下(xià)劃線)
overline(上(shàng)劃線)
line-through(删除線)
vertical-align設定文(wén)字或圖片垂直<©♦★方向的(de)對(duì)齊方式：
baseline:默認值sub:下(xià)标supe®πr:上(shàng)标top:垂直向上(shàng)對(duì)齊middl&"e:垂直居中bottom:垂直向下(xi×♥à)對(duì)齊。
text-transform轉換英文(wén)字母大±₩(dà)小(xiǎo)寫：
none:默認值capitalize> ∞₹:首字母大(dà)寫uppercase:所有(yǒu)英文(wλσén)字母大(dà)寫lowercase:所有(yǒu↓''<)英文(wén)字母小(xiǎo)寫。
text-align設置文(wén)字↕↑的(de)水(shuǐ)平對(duì)齊方式：
left:左對(duì)齊righ¥←δ♣t:右對(duì)齊center:水(shuǐ)平居中just≠₽→ify:左右對(duì)齊。
text-indent設定标記元素內(nèi)文(wén)字的(de)ε≠γ首行(xíng)縮進或配合margin-left¥ α¥屬性設定首行(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)編号方式（供<OL>标記☆✘φ使用(yòng)）：
none:無編号decimal:阿₹"拉伯數(shù)字lower-roman:小(xiǎo)寫羅馬≤™★數(shù)字upper-roman:大(dà)寫羅馬數(shù)字lower♣≤-alpha:小(xiǎo)寫英文(wén)字母upp®↓>er-alpha:大(dà)寫英文(wén)字δ¶ 母。
list-style-type無序列表的(de)符号樣式（供&l€✘t;UL>使用(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-imaαφg:url(/dd.gif);list-styσ♣le-position:outside;}
list-style列表清單項目的(de)↓©φ綜合設定，屬性之間(jiān)用(yòng)空(kōn∏✔®g)格隔開(kāi)。UL{list-style-imag:url(/dd.g"♠§if)inside;}
邊界及其相(xiàng)關類
margin标記元素邊界值的(de)綜合設定。（其規則見Ω (jiàn)右邊範例）
亦可(kě)以用(yòng)margin-top、m§φargin-right、margin-bott" om、margin-left分(fēn)開(kāi←←≈π)設定各邊的(de)邊界。聲明(míng£<≥)4個(gè)值，其順序為(wèi)上(shàng)、右☆£☆₩、下(xià)、左邊界，如(rú)：DIV{margin:12©γpt15pt20pt16pt;}
聲明(míng)3個(gè)值，其順序→ σ為(wèi)上(shàng)、右、下(xià)，缺少(shǎo)的$÷σ(de)左邊界取其對(duì)邊（右），如(rú)：DIV{margin:≠×¥↑12pt15pt16pt;}
聲明(míng)2個(gè)值，其順↔σ序為(wèi)上(shàng)、右，缺少(shǎo)的(de)下(ε≥xià)、左邊界取其對(duì)邊，如(rú)：DIV{margin:12p×→t15pt;}
聲明(míng)1個(gè)值，則4個(gè)邊界同一(yī)個(gè)≠δ↑值，如(rú)：DIV{margin:15pt;}
padding設定标記內(nèi)容與标記邊框 ↓φ之間(jiān)的(de)留白(bái)的(de)綜合設定（規則見(←πjiàn)margin屬性的(de)範例）。也(≠"☆ yě)可(kě)分(fēn)開(kāi)®設定padding-top、padding-right、↓☆÷padding-bottom、paddin≈Ω₩•g-left各值。
border-width标記元素邊框寬度的(de)綜合設定（規則類€✔似于margin屬性）。也(yě)可(kě)分(fēn)開(k™↑∏♣āi)設定border-top-width、borγ₩der-right-width、border-bottom-wid♠♥₹÷th、border-left-width各值。
border-color标記元素邊框顔色的(de)綜合♣•ε設定（規則類似于margin屬性）。顔色取值見(jiàn)color屬性。也(δ₽"yě)可(kě)分(fēn)開(kāi)設定b↕∏♥order-top-color、border•↔✔-right-color、border-bottom-co★γ↕lor、border-left-colo★₽πr各值。
border-style标記元素邊框樣式的(de)綜合設定（規則類$←₹似于margin屬性）。邊框樣式有(yǒu'σ)深圳建站(zhàn)公司solid,double,goovΩ©e,ridge,inset,outset等。也(yě)可(kě)分(γπfēn)開(kāi)設定border-t↔op-style、border-right-style、borde←£×r-bottom-style、borderεΩ& -left-style各值。
border标記元素4個(gè)邊框的(§↔∞∑de)綜合設定，可(kě)以分(fēn)别聲明(∏>míng)邊框寬度、邊框樣式、和(hé)邊框顔色。DIV{border:5p>↑tsolid#ff0000;}
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)相(x'×Ωiàng)對(duì)位置（與float不(bù←≤)同的(de)是(shì)标記元素兩邊都(dōu)不(bùπ™)繞排）。取值：
none:以默認方式顯示；
left:标記元素靠左，右邊無文(wén)字繞排；
right:标記元素靠右，左邊無文(wén)字繞排；
其他(tā)類
z-index設定标記元素的(de)堆疊層次，取值為(wèi)整數(s↓®♣hù)，也(yě)可(kě)以是(shì)負數(sh✘ù)，數(shù)值大(dà)的(de)在§'γ上(shàng)層。
visibility設定标記元素是(shì)否可(kě)見(jiàn)φ☆✔γ，取值有(yǒu)：
inherit:取默認值visible:可(kě)見(j ☆®iàn)hidden:不(bù)可(kě)見(jiàn)（隐藏）
