(注：帶*號的屬性是CSS3新增屬性)
一、基本規則
1.css通常儲存在樣式表(style)中,用於定義如何顯示HTML元素；
2.css主要由兩個部分構成：選擇器和一條或多條宣告。
選擇器通常是需要改變的樣式的HTML元素，宣告需要用花括號包圍起來，每條宣告包括一個屬性和一個相應的值，每條宣告都以分號結束；
示例：p {color:red; text-align:center}
3.註釋：/*這裡邊的是註釋*/
4.css樣式插入方法：
（1）外部樣式，即從外部css檔案讀取格式應該於網頁；當樣式需要應用於多個頁面時，可用這種方法；
例：
<head> <link rel="stylesheet" type="text/css" href="abc.css"> </head>
（2）內部樣式，在頭部檔案中用style標籤進行css格式定義，當單個文件需要特殊樣式時可使用此法；
例：
<head> <style> p {margin-left:20px;} #x {color:yellow;} </style> </head>
（3）內聯樣式,即在單個元素標籤內部寫入style的方法；
優先順序：（3）>（2）>（1）,但是如果外部樣式的引入寫在內部樣式的後邊，那麼外部樣式將會覆蓋內部樣式；
二、宣告屬性
1.背景(backgroud)
1 backgroud-color 背景色，值可以是十六進位制顏色值、RGB顏色表示法（如rgb(255,255,0)）、顏色名稱（如：red））、transparent(透明，預設） 2 backgroud-image 背景圖，預設是平鋪樣式；如：body {backgroud-image:url('ba.jpg');} 3 backgroud-repeat 背景圖重複方式，值有repeat-x(水平方向平鋪)、repeat-y(豎直方向平鋪)、no-repeat(不平鋪) 4 backgroud-attachment 背景圖固定還隨頁面其餘部分滾動設定，值有fixed（固定)、scroll(滾動，預設) 5 backgroud-position 背景圖起始位置，由x,y兩個方向組成，預設都是center，x方向值有left、right、center,y方向值有top、center、bottom;如果只指定了一個值，其他的值會是center;也可用座標，可以是有單位的(0px0px)或者是百分比的(0%0%) 6 backgroud 合併簡寫，把以上的所有屬性按以上順序都寫在這一起（可以省略不需要的屬性）；如：body {backgroud:red url('p.png') no-repeat right top;} 7 backgroud-clip* 背景的繪製區域，值：border-box(預設),padding-box(襯距方框內)，content-box(內容方框內)； 8 backgroud-origin* 背景圖片定位區域，padding-box(相對邊框)，border-box(相對於外邊距)，content-box(相對於內容框體)； 9 backgroud-size* 背景圖片尺寸，值有高寬兩個，如省略一個，另一個會按比例自動計算，值可以是長度單位和%
2.文字(text)
1 color 文字顏色，值為CSS顏色值，可有多種表達方式； 2 direction 文字書寫方向，值有rtl(從右到左)、ltr（預設從左到右）； 3 letter-spacing 字元間距，值為以px畫素為單位的值，可以使用負值； 4 line-height 行間距，值可以使用畫素(px),也可使用數字，也可使用百分比（是在當前字型尺寸上進行百分比縮放）； 5 text-align 對齊方式，值有left、right、center、justify（兩端對齊）； 6 text-decoration 修飾，值有underline(下劃線)、overline(上劃線)、line-through(刪除線)、blink(閃爍)、none(預設無); 7 text-indent 縮排，值為畫素值； 8 text-shadow* 陰影，值有四個引數：h-shadow(垂直陰影)、v-shadow(水平陰影)、blur(模糊距離)、color(陰影顏色)前兩個為必填項，值為畫素px，後兩個為可選 9 text-transform 文字大小寫轉換，值有capitalize(capitalize)、uppercase(全部為大寫)、lowercase(全部小寫)、none(預設無) 10 unicode-bidi 文字是否重寫，值有normal(預設不使用附加嵌入層)、embed(建立一個附加嵌入層)、bidi-override(建立，重新排序取決於direction屬性)、iniitial(設定屬性為它的預設屬性) 11 vertical-align 垂直對齊，值有baseline(預設)、sub(下標)、super(上標)、top(元素頂端與最高元素頂端對齊)、bottom(底端與最低元素底端對齊)、text-top(父元素頂端對齊)、middle(父元素居中)、text-bottom(父元素底端對齊)、%(使用line-height值百分比排列) 12 white-space 空白處理方式,值有normal(預設忽略空白)、pre(保留空白)、nowrap(文字不換行，直到<br>)、pre-wrap(保留空白符，也能正常換行)、pre-line(合併空白序列，保留換行) 13 word-spacing 欄位單詞間距，值為畫素px; 14 hanging-punctuation*設定標點字元是否位於線框外，值none(不在框外放置),first(放在行首邊緣外),last(行尾邊緣),allow-end,force-end; 15 punctuation-trim* 對標點進行修剪，值：none,start(在開頭放置標點）,end(在行尾修剪結束標點),allow-end,adjacent; 16 text-align-last* 最後一行對齊方式，值：auto(預設左）,left,right,center,justify（兩端對齊），start,end,initial,inherit; 17 text-emphasis* 重點標記文字，包括兩個值，風格和顏色； 18 text-justify* 規定當 text-align 設定為 "justify" 時所使用的對齊方法。值：auto,none,inter-word（增減單詞間距）,inter-ideograph(用表意文字來排齊),inter-cluster(對不包含內部單詞間隔內容對齊，如漢語）,kashida(對字元進行拉伸來對齊),distribute; 19 text-outline* 文字輪廓,包含三個值：thickness,blur,color;第一個為必需的，後兩個為可選的； 20 text-overflow* 文字溢位時處理；值：clip(修剪),ellipsis（顯示省略號），string(用給定字元來顯示）； 21 text-wrap* 換行規則，值：normal,none(不換行),unrestricted(在任意兩個字元間換行),suppress((壓縮元素中的換行）； 22 word-break* 非中日韓文字換行規則，值：normal,break-all(允許在單詞內換行),keep-all(只能在半形空格或連字元處換行); 23 word-wrap* 對長的不可分割單詞進行分割並換到一下行；值：normal,break-word(可在單詞內進行換行);
3.字型(font)
1 font-family 型別，如果字型名字超過一個單詞需要用引號包圍起來，可以同時指定多個字型，用於瀏覽器不支援一種字型，會繼續嘗試下一種字型 2 font-size 大小，預設是16px,值可以使用絕對大小px，也可以使用相對大小em，此單位在當前瀏覽器的16px基礎上進行縮放；還有：xx-samll,x-small,small,medium,large,x-large,xx-large,samller,larger; 3 font-style 樣式，值有normal(預設)、italic（斜體）、oblique(傾斜)； 4 font-variant 字號，值small-caps小型大寫字母字型，即雖然是大寫字母，但大小會比普通的小； 5 font-weight 粗細，值有normal(預設,400)，bold(加粗，700)，lighter(更細)，也可以設為100-900的整百數值； 6 font 字型所有屬性集合；
4.列表(ul)
1 list-style-image 列表項標記影像，值為url('anypicture.png')； 2 list-style-position 列表專案標記位置，值有inside(文字內)，outside(文字外，位於左側)； 3 list-style-type 列表標記型別，值有none(無標記),disc(預設實心圓),circle(空心圓),square(實心方塊)，decimal(數字),以及羅馬英文拉丁等； 4 list-style 列表所有屬性集合；順序依次為type,position,image; 如果是對其子項進行選擇，只需使用ul li樣式選擇
5.邊框(border)
1 border 邊框所有屬性合集；對所有邊框設定統一格式，值為width style color的值；可預設，無順序要求； 2 border-style 邊框所有樣式合集；一個值表示四邊，兩個值依次為上下、左右，三個值依次為上、左右、下，四個值為上、右、下、左； 3 border-width 邊框所有寬度合集；賦值順序同上； 4 border-color 邊框所有顏色合集；賦值順序同上； 5 border-bottom 下邊框所有屬性合集；值為width style color的值；可預設，無順序要求； 6 border-bottom-color 下邊框顏色，值為css顏色； 7 border-bottom-style 下邊框樣式，值有none(無邊框)，hidden(同none，但在用於表格時除外)，dotted(點狀),dashed(虛線),solid(實線),double(雙線),groove(定義雙線，寬度為border-width),ridge(三維菱形),inset(三維凹邊框),outset(三維凸邊框)； 8 border-bottom-width 下邊框寬度，值有medium(預設),thick,thin,畫素值px; 9 border-left 左邊框所有屬性合集； 10 border-left-color 左邊框顏色； 11 border-left-style 左邊框樣式； 12 border-left-width 左邊框寬度； 13 border-right 右邊框所有屬性合集； 14 border-right-color 右邊框顏色； 15 border-right-style 右邊框樣式； 16 border-right-width 右邊框寬度； 17 border-top 上邊框所有屬性合集； 18 border-top-color 上邊框顏色； 19 border-top-style 上邊框樣式； 20 border-top-width 上邊框寬度； 21 border-image* 以圖片為邊框樣式合集；例：{ -webkit-border-image: url(border.png) 30 round; /* Safari 3.1-5 */ -o-border-image: url(border.png) 30 round; /* Opera 11-12.1 */ border-image: url(border.png) 30 round;} 22 border-image-source* 圖片源，值為url(源)； 23 border-image-slice* 影像的邊界向內偏移度，值為px,%,fill（保留影像的中間部分）； 24 border-image-width* 影像邊界寬度，值為：auto,數字(border-width倍數)，%； 25 border-image-outset* 設定在邊框外部繪製圖片的量，包括上右下左四個值（例：1 1 1 1 ），兩個值為上下、左右，三個值為上、左右、下；值為：數字（border-width倍數）,長度單位值； 26 border-image-repeat* 圖片鋪陳樣式，值有stretch(預設拉伸)，repeat(平鋪)，round(平鋪，但如能完整平鋪則會進行縮放)，space(如不能完整平鋪，擴充套件空間分佈在圖片周圍),initial,inherit; 27 border-radius* 指定從左上角開始順時針四個角的圓角度，四個值，值可預設；值：長度單位，%； 28 box-shadow* 把一個或多個下拉陰影新增到框上，例：h-shadow v-shadow blur spread color inset除了顏色外值都是長度單位值，前兩個是必填的，其他為可選；
6.輪廓(outline)
輪廓是位於邊框外圍的一條線，可起到突出元素的作用；
1 outline 所有輪廓屬性合集；無順序要求； 2 outline-color 顏色；值為css顏色； 3 outline-style 樣式；值有none(無邊框)，dotted(點狀),dashed(虛線),solid(實線),double(雙線),groove(定義雙線，寬度為outline-width),ridge(三維菱形),inset(三維凹邊框),outset(三維凸邊框) 4 outline-width 寬度；值有medium(預設),thick,thin,畫素值px;
7.外邊距(margin)
1 margin 四邊屬性合集，值可以是畫素、釐米、百分比（相對父元素）；一個值表示四邊，兩個值依次為上下、左右，三個值依次為上、左右、下，四個值為上、右、下、左； 2 margin-bottom 下外邊距；值可以是畫素、釐米、百分比（相對父元素）； 3 margin-left 左外邊距；值可以是畫素、釐米、百分比（相對父元素）； 4 margin-right 右外邊距；值可以是畫素、釐米、百分比（相對父元素）； 5 margin-top 上外邊距；值可以是畫素、釐米、百分比（相對父元素）；
8.內邊距(padding)
1 padding 四邊屬性合集，值可以是畫素、釐米、百分比（相對父元素）；一個值表示四邊，兩個值依次為上下、左右，三個值依次為上、左右、下，四個值為上、右、下、左； 2 padding-bottom 下內邊距；值可以是畫素、釐米、百分比（相對父元素）； 3 padding-left 左內邊距；值可以是畫素、釐米、百分比（相對父元素）； 4 padding-right 右內邊距；值可以是畫素、釐米、百分比（相對父元素）； 5 padding-top 上內邊距；值可以是畫素、釐米、百分比（相對父元素）；
9.元素尺寸(demension)
用於控制元素的高度和寬度，也可用於增加行間距；
1 height 元素高度；值為px、cm等單位定義高度，也可是%（基於包含它的塊級物件）； 2 max-height 元素最大高度；值為px、cm等單位定義高度，也可是%（基於包含它的塊級物件）； 3 min-height 元素最小高度；值為px、cm等單位定義高度，也可是%（基於包含它的塊級物件）； 4 width 元素寬度；值為px、cm等單位定義高度，也可是%（基於包含它的塊級物件）； 5 max-width 元素最大寬度；值為px、cm等單位定義高度，也可是%（基於包含它的塊級物件）； 6 min-width 元素最小寬度；值為px、cm等單位定義高度，也可是%（基於包含它的塊級物件）； 7 line-height 行高；值為px、cm等單位定義高度，也可是%（基於包含它的塊級物件）；
10.定位(position)
1 position 指定元素的定位型別；值有static(預設),absolute(絕對定位，相對static以外的第一個父元素進行定位),fixed(相對瀏覽器定位),relative(相對正常位置進行定位) 2 bottom 定位元素下邊距邊界與其包含塊下邊界之間的偏移，值為css單位值； 3 left 定位元素左邊距邊界與其包含塊左邊界之間的偏移，值為css單位值； 4 right 定位元素右邊距邊界與其包含塊右邊界之間的偏移，值為css單位值； 5 top 定位元素上邊距邊界與其包含塊上邊界之間的偏移，值為css單位值； 6 clip 剪輯一個絕對定位的元素；值為rect(top,righ,bottom,left)座標的正方形，如果先有overflow,visible，那麼clip屬性則不起作用； 7 cursor 顯示游標移動到元素區域的顯示型別；值有url('picture'),default(預設),auto(瀏覽器預設),crosshair,pointer,move,e-resize,ne-resize,nw-resize,n-resize,se-resize,sw-resize,s-resize,w-resize,text,wait,help; 8 overflow 元素內容溢位其區域時的處理;值有visible(預設呈現在元素框外),hidden(隱藏溢位部分),scroll(滾動顯示)； 9 overflow-x 元素內容溢位左右區域時的處理;值有visible(預設呈現在元素框外),hidden(隱藏溢位部分),scroll(滾動顯示),auto(如果溢位，則提供滾動機制)，no-display(如果內容不適合框體，則刪除整個框),no-content(如果內容不適合框體，則隱藏整個內容)； 10 overflow-y 元素內容溢位上下區域時的處理;值有visible(預設呈現在元素框外),hidden(隱藏溢位部分),scroll(滾動顯示),auto(如果溢位，則提供滾動機制)，no-display(如果內容不適合框體，則刪除整個框),no-content(如果內容不適合框體，則隱藏整個內容)； 11 z-index 元素的堆疊順序；值為數字，可為負，數字越高越顯示在前邊；
11.浮動(float)
使元素會向左或右移動，其周圍的元素也會重新排列；清除這種效果需要使用clear屬性；
1 float 值有left(向左浮動),right(向右浮動),none(不可浮動) 2 clear 指定段落的左側或右側不允許浮動的元素；值有left,right,both,none;
12.其他屬性
1 opacity 透明度
三、選擇器
1.css選擇器
（1）id選擇器可以為標有特定id的的html元素指定特定的樣式；如：#part1 {color:red;} 樣式只應用於元素屬性id="part1"的元素
（2）class選擇器可用於描述一組元素的樣式，類選擇器以一個.號顯示；如：.center {text-align:center;} 樣式用於所有center類的元素，.號前也可以加屬性，用於限定只有這一個屬性中有此類的元素才應用這個格式（如：p.center{text-align:center;}）
（3）標籤選擇器，即文章第一個示例樣式，樣式對這一型別標籤的所有元素有效；
（4）元素選擇器，直接在元素標籤內部寫，只對這一個元素起作用；如：<p style="color:red;">hello</p>
優先順序順序：（4）>（1）>（2）>（3）
2.選擇器組合
1 element1,element2 分組。把多個選擇器分為一組，以逗號隔開，來實現相同的格式；例：h1,h2,p {color:red;} 2 element1 element2 巢狀。把兩個或多個選擇器進行巢狀，後一個選擇器從前一個選擇器的結果中進行選擇；選擇器之間以空格分隔； 3 element1>element2 子元素。只能選擇後一個元素作為前一個元素子元素的元素；兩個元素以>號隔開表示； 4 element1+element2 相鄰元素。用於選擇緊跟著第一個元素後邊的第二個元素，前後兩個元素以+號連線； 5 element1~element2 相鄰後續元素選擇。用於緊跟在第一個元素後邊的多個第二元素；兩個屬性以~連線；
3.屬性選擇器
1 [attributeName] 選擇所有帶有attributeName屬性的元素； 2 [attributeName=“value”] 選擇所有attributeName=“value”的元素； 3 [attributeName~="value"] 選擇所有屬性attributeName值包含“value”單詞的元素； 4 [attributeName|="value"] 選擇所有屬性attributeName值以"value"單詞開始的元素； 5 [attributeName^="value"] 選擇所有屬性attributeName值以"value"開頭的元素； 6 [attributeName$="value"] 選擇所有屬性attributeName值以"value"結尾的元素； 7 [attributeName*="value"] 選擇所有屬性attributeName值包含"value"的元素；
4.偽類(pseudo-class)
主要是用來新增一些特殊的效果，名稱不區分大小寫；
語法：selector:pseudo-class {property:value;}
css類也可以使用偽類：selector.class:pseudo-class {property:value;}
所有偽類：
1 :checked 匹配所有選中的元素； 2 :disabled 匹配所有禁用的元素； 3 :enabled 匹配所有啟用的元素； 4 :empty 匹配沒有子元素的元素； 5 :last-child 匹配指定元素的最後一個元素； 6 :first-of-type 匹配元素其父級是特定型別的第一個子元素; 7 :last-of-type 匹配元素其父級是特定型別的最後一個子元素;(不過感覺和last-child沒什麼區別。。) 8 :only-of-type 匹配一個指定屬性只有一個字元素的元素； 9 :in-range 用於標籤的值在指定區間時顯示的樣式； 10 :invalid 無效的元素； 11 :valid 有效的元素； 12 :not(selector) 匹配除selector屬性外的所有其他屬性的元素； 13 ::selection 匹配元素中被使用者選中或處於高亮狀態的部分； 14 :nth-child(n) 匹配指定元素的第n個元素； 15 :nth-last-child(n) 匹配指定元素的倒數第n個元素； 16 :nth-last-of-type(n) 匹配指定元素的倒數第n個子元素； 17 :nth-of-type(n) 匹配指定元素的倒數第n個子元素； 18 :required 匹配有"required"屬性元素； 19 :optional 匹配沒有"required"的元素 20 :out-of-range 匹配指定範圍以外的值的元素屬性； 21 :read-only 匹配只讀屬性元素； 22 :read-write 匹配可讀寫屬性元素； 23 :root 選擇文件的根元素； 24 :target 選擇當前活動元素； 25 :link 匹配未訪問連結； 26 :visited 匹配已訪問的連結； 27 :active 匹配正在活動的連結； 28 :hover 滑鼠放在連結上時的狀態，a:hover必須跟在前兩個後，a:active必須跟在a:hover後邊；
5.偽元素
語法：selector:pseudo-element {property:value;}
css類也可使用偽元素:selector.class:pseudo-element {property:value;}
所有偽元素：
1 :link 匹配示訪問的連結； 2 :visited 匹配訪問過的連結； 3 :active 匹配正在活動的連結； 4 :hover 匹配滑鼠放在連結上時的狀態； 5 :focus 元素輸入後具有的焦點； 6 :first-letter 元素的第一個字母； 7 :first-line 元素的第一行； 8 :first-child 元素的第一個子元素； 9 :before 元素之前插入內容； 10 :after 元素之後插入內容； 11 :lang(anyName) 向帶有指定lang屬性為anaName的元素新增樣式；
.偽類和偽元素的區別:
偽類選擇元素是基於當前元素所處於的狀態或特性，而不是靜態的屬性或標識，由於狀態是動態變化的，所以一個元素達到一個特定狀態時它可能得到一個偽類樣式，當狀態改變時，它又會失去這個樣式；
偽元素是對元素中的特定內容進行操作，它所操作的層次要比偽類深，所以它的動態性要低一些；
6.!important規則
當它應用於一個樣式宣告中時，該樣式宣告會覆蓋css中任何其他的宣告，無論它在什麼位置；
使用此規則應儘量注意：
1>要優化考慮使用樣式規則優先順序來解決問題而不是!important
2>只在需要覆蓋全站或外部css(如引用的ExtJs或YUI)的特定頁面中使用!important
3>永遠不要在全站範圍的css上使用!important
4>永遠不要在外掛中使用!important
7.css優先順序法則：
1>選擇器都有一個權值，權值越大越優先；
2>當權值相等時，後出現的樣式表設定要優於先出現的樣式表設定；
3>創作者的規則高於瀏覽者（即網頁編寫者設定的css樣式優先權高於瀏覽器所設定的樣式）；
4>繼承的css樣式不如後來指定的css樣式；
5>在同一組屬性設定中標有!important規則的優先順序最大；
四、補充
1.表格(table)
1 border 邊框，值包括粗細(px),樣式，顏色； 2 border-collapse 邊框是否被摺疊成一個單一的邊框或隔開，值collapse(單線)，預設是雙線； 3 width 寬度，可使用畫素和百分比； 4 height 高度，可使用畫素和百分比； 5 text-align 水平對齊方式，值有right,left,center; 6 vertical-align 升起對齊方式，值有top,center,bottom; 7 padding 內邊距，值為畫素或百分比； 8 color 字型顏色 ； 9 backgroud-color 背景顏色；
2.盒子模型
所有HTML元素可看作盒子，css盒模型用來封閉周圍的元素，包括：外邊距，邊框，內邊距，內容；
3.display:none與visibility:hidden 都可以讓一個元素不顯示出來，但是前者會去掉隱藏元素的位置，後者會保留隱藏元素的位置；
4.媒體型別
@media允許在相同樣式表為不同媒體設定不同的樣式，後邊接媒體型別，如果有多個媒體型別則用逗號分隔；例：@media screen,print {p.test {font-weight:bold;} }
有以下媒體型別關鍵字：
1 all 用於所有媒體裝置； 2 aural 用於語音和音訊合成器； 3 braille 用於盲人用點字法觸覺回饋裝置； 4 embossed 用於分頁的盲人用點字法印表機； 5 handheld 用於小的手持裝置； 6 print 用於印表機； 7 projection 用於方案展示，如幻燈片； 8 screen 用於電腦顯示器； 9 tty 用於使用固定密度字母柵格的媒體； 10 tv 用於電視機型別裝置；
5.css的合法顏色
1>十六進位制顏色（如：#RRGGBB）;
2>RGB顏色（如：rgb(255,0,0)）;
3>RGBA顏色（如：rgb(255,0,0,0.5),最後一個為Alpha透明引數，介於0-1之間）;
4>HSL色彩(方式為:hsl(色調，飽和度，明度)，第一個值為0-360之間，後兩個為百分比）;
5>HSLA顏色（在HSL基本上增加了一個Alpha透明度引數）;
6>預定義顏色名稱(見附件);
6.css長度單位
絕對長度：
1 cm 釐米 2 mm 毫米 3 in 英寸（1in=96px=2.54cm） 4 px 畫素 5 pt point,72pt=1in 6 pc pica,1pc=12pt 相對長度：
7 em 描述相對於應用在當前元素的字型尺寸，一般瀏覽器預設為1em=16px; 8 ex 依賴於小寫x字母的高度； 9 ch 數字0的寬度； 10 rem 根元素的font-size; 11 vw 相對於視窗寬度的值，值為1-100； 12 vh 相對於視窗高度的值，值為1-100； 13 vmin vw和vh中較小的那個； 14 vmax vw和vh中較大的那個； 15 % 百分比；
7.聲音（*）
1 azimuth 宣告來自的方位，值有：angle,left-side,far-left,left,center,center-right,right,far-right,right-side,behind,leftwards,rightwards; 2 cue cue值合集； 3 cue-before 指定要播放的聲音在一個元素內容後面，值有：none,url; 4 cue-after 指定要播放的聲音在一個元素內容前面，值有：none,url; 5 elevation 聲道，值有:angle,below,level,avove,higher,lower; 6 pause 屬性合集； 7 pause-after 在一個元素內容之後指定暫停，值：time,%; 8 pause-before 在一個元素內容之前指定暫停，值：time,%; 9 pitch 音調，值:frequency,x-low,low,medium,high,x-high; 10 pitch-range 指定聲音變化範圍，值為數字； 11 play-during 指定在讀一個元素的內容時要播放的聲音，值：auto,none,url,mix,repeat; 12 richness 指定play-during聲音的豐富度，值為數字； 13 speak 指定內容是否提供聽覺方式，值：normal,none,spell-out; 14 speak-header 此屬性設定或檢索表格標題是在所有的單元格之前發聲，還是到一個不與之關聯的單元格就結束髮聲。值：always,once; 15 speak-numeral 設定數字如何發音，值：digits,continuous; 16 speak-punctuation 設定標點字元如何發音，值：none,code; 17 speach-rate 指定發音速度，值：number,slower,x-slow,slow,medium,fast,x-fast,faster; 18 stress 在指定地方發”重音“，值為數字； 19 voice-family 設定當前宣告型別，值：specific-voice,generic-voice; 20 volume 音量，值：數值,%,silent,x-soft,soft,medium,loud,x-loud;
附件1： 預定義顏色
附件2：不同瀏覽器對各種長度單位的支援
