1、display 功能：改變?cè)氐娘@示值，可以將元素類型線上，塊和清單項(xiàng)目相互變換。 數(shù)值： none – 不顯示元素 block – 塊顯示，在元素前后設(shè)置分行符 inline – 刪除元素前后的分行符，使其并入其它元素流中 list-item – 將元素設(shè)置為清單中的一行 說明：可用 display 屬性值生成插入標(biāo)題和補(bǔ)加清單或讓圖形變成線上顯示。 2、white-space 功能：控制元素?的空白。 數(shù)值： normal – 不改變，保持缺省值，在瀏覽器頁(yè)面長(zhǎng)度處換行。 pre – 要求文檔顯示中采用源代碼中的格式。 nowarp – 不讓訪問者在元素?換行。 3、list-style-type 功能：指定清單所用的強(qiáng)調(diào)符或編號(hào)類型 數(shù)值： none – 無(wú)強(qiáng)調(diào)符 disc – 碟形強(qiáng)調(diào)符(實(shí)心圓) circle – 圓形強(qiáng)調(diào)符(空心圓) square – 方形強(qiáng)調(diào)符(實(shí)心) decimal – 十進(jìn)制數(shù)強(qiáng)調(diào)符 lower-roman – 小寫羅褚字強(qiáng)調(diào)符 upper-roman – 大寫羅褚字強(qiáng)調(diào)符 lower-alpha – 小寫字母強(qiáng)調(diào)符 upper-alpha – 大寫字母強(qiáng)調(diào)符 例子： item1 item2 item3 4、list-style-image 功能：用于將清單中標(biāo)準(zhǔn)強(qiáng)調(diào)符換成所選的圖形 數(shù)值： 無(wú)圖形 url – 圖形URL地址 例子： item1 item2 item3 5、list-style-position 功能：用于設(shè)置強(qiáng)調(diào)符的縮排或伸排，這個(gè)屬性可以讓強(qiáng)調(diào)符突出于清單以外或與清單項(xiàng)目對(duì)齊。 數(shù)值： inside – 縮排，將強(qiáng)調(diào)符與清單項(xiàng)目?jī)?nèi)容左邊界對(duì)齊 outside – 伸排，強(qiáng)調(diào)符突出到清單項(xiàng)目?jī)?nèi)容左邊界以外 6、list-style 功能：簡(jiǎn)寫屬性，將所有清單屬性放在一條語(yǔ)句中。 數(shù)值： list-style-type list-style-position list-style-image 這些值的細(xì)節(jié)見各個(gè)屬性部分。 例子： item1 item2 item3

三、框邊界屬性 1、margin-bottom margin-left margin-right margin-top 功能：這四個(gè)屬性用來(lái)設(shè)置元素與其相鄰元素間的距離，可以用長(zhǎng)度或相對(duì)于其父文本的寬度的百分比來(lái)定義，也可以自動(dòng)處理。 數(shù)值： 長(zhǎng)度 – 設(shè)置元素相應(yīng)邊與框邊緣之間的相對(duì)或絕對(duì)距離，有效單位為：mm, cm, in, px, pt, pica,ex, em … 百分比 – 以父元素寬度的百分比設(shè)置邊界尺寸。 auto – 自動(dòng)，這個(gè)設(shè)置取瀏覽器的缺省邊界。 例子 2、margin 功能：簡(jiǎn)寫屬性，用于韻置元素的所有邊界。這是用于描述元素的內(nèi)容的邊緣到框邊緣的距離的。這個(gè)區(qū)總是透明的，可以看到下面的頁(yè)面背景。 數(shù)值： 長(zhǎng)度 – 同前 百分比 – 以父元素寬度的百分比設(shè)置邊界尺寸。 auto – 自動(dòng)，這個(gè)設(shè)置取瀏覽器的缺省邊界。 例子 四、框位置屬性 1、height 功能：設(shè)置元素高度，瀏覽器按照這個(gè)高度調(diào)整圖形。 數(shù)值： 長(zhǎng)度 – mm, cm, px, pt, ….. auto – 自動(dòng)。 2、width 功能：設(shè)置元素寬度，瀏覽器按照這個(gè)寬度調(diào)整圖形。 數(shù)值： 長(zhǎng)度 – mm, cm, in, px, pt, …… 百分比 – 將圖形尺寸設(shè)置為父元素寬度的百分比。 auto – 自動(dòng)調(diào)整 3、float 功能：用于在普通元素流布置規(guī)則以外放上元素。 數(shù)值： none – 無(wú)改動(dòng)。 left – 將其它元素內(nèi)容放到浮動(dòng)元素右邊。 right – 將其它元素內(nèi)容放到浮動(dòng)元素左邊。 4、clear 功能：用于允許或禁止指定元素旁邊放置其它元素(通常是線上圖形). 數(shù)值： none – 無(wú)限制。 left – 將元素放在左邊浮動(dòng)元素下面 right – 將元素放在右邊浮動(dòng)元素下面 both – 元素兩邊都不允許放置浮動(dòng)元素

1、color 功能：設(shè)置前景或元素的顏色。 數(shù)值：使用顏色關(guān)鍵字或RGB值。 例子： 文本顏色(關(guān)鍵字) 文本顏色(#rrggbb) 文本顏色[rgb(rr,gg,bb)] 文本顏色[rgb(r%,g%,b%)] 2、background-color 功能：設(shè)置頁(yè)面或頁(yè)面元素的背景顏色。 數(shù)值： 顏色 – 可用顏色名或RGB值 transparent – 透明，使頁(yè)面背景為缺省背景。 例子： 背景顏色 3、background-image 功能：定義背景圖形。 數(shù)值： none – 不用圖形作背景 url – 提供圖形文件的URL地址 說明：也可以包括background-color屬性以便在找不到圖形時(shí)代用 例子：     圖形背景 4、background-repeat 功能：控制圖形背景是否重復(fù)排列。 數(shù)值： repeat – 垂直和水平重復(fù)，缺省值 repeat-x – 水平重復(fù) repeat-y – 垂直重復(fù) no-repeat – 不重復(fù) 說明：這個(gè)屬性和 background-image 和 background-position 屬性一起使用。 例子：   水平重復(fù)排列 5、background-attachment 功能：指定元素的背景是隨元素一起滾動(dòng)還是固定在頁(yè)面某個(gè)位置上。 數(shù)值： scroll – 隨元素一起滾動(dòng) fixed – 固定 說明： 缺省值是 scroll，這個(gè)屬性和 background-image 屬性一起使用。 6、background-position 功能：用于在空間中定位元素背景 數(shù)值： 長(zhǎng)度 – 相對(duì)或絕對(duì)單位設(shè)置元素框邊緣的起點(diǎn)，并給出單位下的坐標(biāo)。 百分比 – 用百分比表示框邊緣上瀏覽器開始放圖的位置?？梢灾貜?fù)這個(gè)值也提供垂直和水平起點(diǎn) 垂直位置 – 設(shè)置豎直方向的起點(diǎn)，關(guān)鍵字為 top, center, bottom 水平位置 – 設(shè)置水平方向的起點(diǎn)，關(guān)鍵字 left, center, right 例如：top left, left top和0% 0% 都表示圖形左上角從元素框左上角開始 例子： Body {background-image:url(logo.gif); background-position:50% 50%} 這個(gè)語(yǔ)句將 Body 基本類設(shè)置為背景圖形在頁(yè)面上居中顯示。 7、background 功能：簡(jiǎn)寫屬性，可以設(shè)置所有背景屬性。 數(shù)值： background-attachment background-color background-image background-position background-repeat 有關(guān)上述數(shù)值的細(xì)節(jié)，見各個(gè)屬性部分。

1、letter-spacing 功能：控制文本元素字母間的間距，所設(shè)置的距離適用于整個(gè)元素。 數(shù)值： normal – 正常間距，將字符間的間距復(fù)位為所有字體和字號(hào)的正常間距。 長(zhǎng)度 – 設(shè)置字間距長(zhǎng)度，正值表示加進(jìn)父元素中繼承的正常長(zhǎng)度，負(fù)值則?去正常長(zhǎng)度。在數(shù)字后指定度量單位如下：mm, cm, in, pt(點(diǎn)數(shù)), px(象素), pc(pica), ex(小寫字母x的高度), em(大寫字母M的寬度)。 例子： Letter–Spacing 2、line-height 功能：設(shè)置元素中文本的行間距。 數(shù)值： normal – 正常高度，通常為字體尺寸的 1-1.2倍，這是缺省設(shè)置。 數(shù)字 – 設(shè)置元素中?行文本的距離為字體尺寸乘以這個(gè)數(shù)字。例如字體尺寸為10點(diǎn)，設(shè)置line-height為2，則間距20點(diǎn)。 長(zhǎng)度 – 用標(biāo)準(zhǔn)度量單位設(shè)置間距，有些是絕對(duì)的，有些是相對(duì)的，詳見letter-spacing中的砧明。 百分比 – 也字體尺寸的百分比設(shè)置間距。 例子： 這是第一行。 這是第二行。 這是第三行。 3、text-align 功能：在元素框中水平對(duì)齊文本。 數(shù)值： left – 左對(duì)齊 right – 右對(duì)齊 center – 居中 justify – 均勻分布， 生成等長(zhǎng)的行 例子： 對(duì)左 居中 對(duì)右 4、text-decoration 功能：文本修飾，用于控制文本元素所用的效果，特別適用于引人注意的說明，警告等文本效果。 數(shù)值： none – 無(wú)文本修飾，缺省設(shè)置。 underline – 下劃線。 overline – 上劃線。 line-through – 刪除線。 blink – 閃爍。 同一語(yǔ)句中可以組合多個(gè)關(guān)鍵字。 例子： underline overline 5、text-indent 功能：文本縮排，用于段落的第一行縮排上。 數(shù)值： 長(zhǎng)度 – 設(shè)置首行縮排的尺寸為指定度量單位，有些單位是相對(duì)的，有些則是絕對(duì)的，祥見 letter-spacing 屬性的說明部分。 百分比 – 以行長(zhǎng)的百分比設(shè)置首行縮排量。 例子： 文本縮排，用于段落的第一行縮排上。 6、text-transform 功能：設(shè)置一個(gè)或幾個(gè)元素的大寫標(biāo)準(zhǔn)。 數(shù)值： none – 不改變文本的大寫小寫。 capitalize – 元素中?個(gè)單詞的第一個(gè)字母用大寫。 uppercase – 將所有文本設(shè)置為大寫。 lowercase – 將所有文本設(shè)置為小寫。 例子： a text-transform example. a text-transform example. a text-transform example. 7、vertical-align 功能：垂直對(duì)齊。 數(shù)值： baseline – 對(duì)準(zhǔn)兩個(gè)元素的小寫字母基準(zhǔn)線。 sub – 下標(biāo)。 super – 上標(biāo)。 top – 頂部對(duì)齊。 text-top – 文本頂對(duì)齊。 middle – 中線對(duì)齊。 bottom – 底線對(duì)齊。 text-bottom – 字母底線對(duì)齊。 百分比 – 將線上元素基準(zhǔn)線在父元素基準(zhǔn)線基礎(chǔ)上升降一定的百分比，和元素的 line-height 屬性組合使用。 例子： a1x2 8、word-spacing 功能：控制文本中元素單詞間的間距。設(shè)置的間距適用于整個(gè)元素，不能在某個(gè)單詞間插入更大或更小的間距。 數(shù)值： normal – 正常間距。 長(zhǎng)度 – 如果長(zhǎng)度為正，則加進(jìn)從父元素繼承的正常長(zhǎng)度，如果是負(fù)值，則減去。 例子： A Word Spacing Example

一、框填充屬性 1、padding-bottom padding-left padding-top padding-right 功能：?個(gè)容器都有邊框，這些屬性設(shè)置邊框與框?元素間的距離。 數(shù)值： 長(zhǎng)度 – 設(shè)置相對(duì)或絕對(duì)值。在數(shù)字后指定度量單位如下：mm, cm, in, pt, px, pc, ex, em。em 和 ex 設(shè)置產(chǎn)生相對(duì)于父字體的字體尺寸。 百分比 – 以父元素的百分比設(shè)置邊框。 說明：填充值不能使用負(fù)值，但可以是小數(shù)。 例子 2、padding 功能：是個(gè)簡(jiǎn)寫屬性，用于設(shè)置上，下，左，右各個(gè)方向邊框和內(nèi)容元素的間距。 數(shù)值：同前。 說明：用單一值可以讓?邊等距填充；如果用兩個(gè)值，則第一個(gè)值用于上下填充，第二個(gè)值用于左右填充；如果用三個(gè)值，則賦于上邊填充，左右填充和下邊填充；如果用四個(gè)值，則分別用于上，右，下，左填充?？梢曰旌蠑?shù)值類型。 例子 二、框邊框?qū)傩?/P> 1、border-top border-bottom border-right border-left 功能：這四個(gè)屬性都是簡(jiǎn)寫屬性，分別設(shè)置上，下，右，左的邊框?qū)傩?。缺省情況下，邊框沒有樣式設(shè)置。 數(shù)值：共有三個(gè)邊框?qū)傩?BR>border-width: 取值為 thin, medium, thick或指定長(zhǎng)度。 border-style: 設(shè)置用于修飾邊框的底紋?？梢栽O(shè)置下列樣式：none, dotted,doshed, solid, double, groove, ridge, inset, outset。 border-color: 設(shè)置邊框顏色。 例子 2、border-top-width border-bottom-width border-right=width border-left-width 功能：分別設(shè)置各個(gè)邊框的厚度。 數(shù)值： thin – 細(xì)邊框。 medium – 中等線寬。 thick – 粗線。 長(zhǎng)度 – 用相對(duì)或絕對(duì)單位設(shè)置邊框?qū)挾取?BR>例子 3、border-width 功能：簡(jiǎn)寫屬性，可同時(shí)設(shè)置四個(gè)邊框的寬度。 數(shù)值： thin – 細(xì)邊框。 medium – 中等線寬。 thick – 粗線。 長(zhǎng)度 – 用相對(duì)或絕對(duì)單位設(shè)置邊框?qū)挾取?BR>說明：見 padding 說明。 例子： 邊框?qū)傩?/FONT> 4、border-color 功能：簡(jiǎn)寫屬性，設(shè)置四個(gè)邊框的顏色值。 數(shù)值：可以用顏色名或RGB值。如果指定單個(gè)顏色，則四個(gè)邊框都顯示為這個(gè)顏色；如果指定兩個(gè)顏色，則順序?yàn)樯舷拢笥?；如果指定三種顏色，則順序?yàn)樯?，左右，下；如果指定四種顏色，則順序?yàn)樯希?，下，左?BR>說明：顏色名如下 aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, yellow. 對(duì)于RGB值，可用三種方法指定 #rrggbb; rgb(r,g,b); rgb(r%,g%,b%) 例子： 邊框顏色 5、border-style 功能：用于顯示邊框和指定邊框樣式。 數(shù)值： none – 不顯示邊框，為缺省值 dotted – 點(diǎn)線 dashed – ?線 solid – 實(shí)線 double – 雙線 groove – 3D陷入線 ridge – 3D山脊?線 inset – 使頁(yè)面有沉入感 outset – 使頁(yè)面有浮出感 說明：并非所有瀏覽器都能顯示ridge, inset, outset 之類的樣式，有些瀏覽器將所有邊框都繪制成實(shí)線。 Example1 Example2 6、border 功能：簡(jiǎn)寫屬性，設(shè)置所有邊框?qū)傩浴?BR>數(shù)值： border-width – 取值 thin, medium, thick 或指定長(zhǎng)度。 border-style – 取值 none, dotted, dashed, solid, double, groove, ridge, inset, outset border-color – 可用顏色名或RGB值。 說明：與其它簡(jiǎn)寫屬性不同的是，每個(gè)設(shè)置只能取一個(gè)值，這個(gè)屬性均勻作用于框的各邊。 例子： This Is A Example

1、font-family

功能：用于改變HTML標(biāo)志或元素的字體，你可設(shè)置一個(gè)可用字體清單。瀏覽器由前向后選用字體。
語(yǔ)法：{font-family:字體1,字體2, … ,字體n}
例子：

字體

2、font-style

功能：使文本顯示為扁斜體或斜體等表示強(qiáng)調(diào) 。
數(shù)值：
normal – 正常
italic – 斜體
oblique – 偏斜體
例子：

Normal

Italic

Oblique

3、font-variant

功能：用于在正常與小型大寫字母字體間切換。
數(shù)值：normal – 如果該標(biāo)志繼承父元素的 small-caps 設(shè)置，則關(guān)鍵字 normal 將 font-variant 設(shè)置為正常字體。
small-caps – 把小寫字母顯示為字體較小的大寫字母。
例子：

FONT–VARIANT

4、font-weight

功能：用于設(shè)置字體灰度，生成字體的深，淺版本。
數(shù)值：
正?；叶?– normal
相對(duì)灰度 – bold, bolder, light, lighter
梯度灰度 – 取值如下：100, 200, 300, 400(相當(dāng)于normal), 500, 600, 700(相當(dāng)于bold), 800, 900。
例子：

字體灰度

5、font-size

功能：用各種度量單位控制文本字體大小。
數(shù)值：有四種數(shù)值方式
絕對(duì)尺寸- 用具體字號(hào)表定義字體大小，可以取下列數(shù)值之一：xx – small, x-small, small, medium, large, x-large, xx-large。不同字體有不同的數(shù)值。
相對(duì)尺寸 – larger, smaller，產(chǎn)生的尺寸是相對(duì)于父容器字號(hào)而言的。
長(zhǎng)度 – 用毫米(mm)，厘米(cm)，英寸(in)，點(diǎn)數(shù)(pt)，象素(px)，pica(pc)，ex(小寫字母x的高度)或em(字體高度)作為度量單位。
百分比 – 相對(duì)于其父元素字體大小的百分比。
例子：字體大小

6、font

功能：簡(jiǎn)寫屬性，提供了對(duì)字體所有屬性進(jìn)行設(shè)置的快捷方法。
語(yǔ)法：{font:字體屬性1 字體屬性2 … 字體屬性n}
數(shù)值：字體屬性值為前面已列出的值，此外還可以設(shè)置行間距屬性 line-height(見文本屬性)，內(nèi)容的順序?yàn)椋篺ont-style; font-variant; font-weight; font-size; line-height; font-family?？墒÷圆糠謱傩?，屬性值間用空格分開。
例子：

FONT