顏色：
1.color：<color> 設(shè)置對象的文本顏色。無默認值。
2.opacity：<number>默認值：1。設(shè)置對象的不透明0。
字體：
1.font：復合屬性。設(shè)置文本屬性。不能一次性設(shè)置全部的font屬性，只能針對具體的屬性進行設(shè)置。
2.font-style：normal|italic|oblique 默認值：normal。設(shè)置文本字體樣式。
3.font-variant：normal|small-caps。默認：normal。設(shè)置文本是否為小型的大寫字母。
4.font-weight：normal|bold|bolder|lighter|<integer> 默認值：normal。 設(shè)置文本字體的粗細。
5.font-size：<absolute-size> 默認值：medium(16 ) 設(shè)置對象中的字體尺寸。
6.font-family：'隸書'? 默認值：由瀏覽器決定。設(shè)置字體風格。
表格：
1.table-layout：auto|fixed? 設(shè)置表格的布局算法。默認值：auto。
2.border-collapse：separate|collapse 設(shè)置表格的行和單元格的邊框是合并還是獨立。默認值：separate（獨立）。
3.border-spacing：<length>{1,2}? 設(shè)置當表格邊框獨立時，行和單元格的邊框在橫向和縱向向上的間距。
4.caption-side：top|bottom|left|right 設(shè)置表格的caption對象是在表格的位置（表頭位置）
5.empty-cells：hide|show 設(shè)置當表格的單元格無內(nèi)容時，是否顯示該單元格的邊框。
列表：（ol有序列表；ul無序列表；li列表元素）
1.list-style：none（設(shè)置無序列表前的...）; 復合屬性。設(shè)置列表項的相關(guān)內(nèi)容。
2.list-style-image：none|<url>? 默認值：none 設(shè)置列表項標記的圖像
3.list-style-position：outside|outside 設(shè)置列表項標記文本排列的位置。 默認值：outside。
4.list-style-type：disc|circle|... 設(shè)置列表項所使用的預設(shè)標志。 默認值：disc。
背景：
1.background: 復合屬性。設(shè)置背景特性。可一次性設(shè)置大部分屬性，也可針對部分屬性進行設(shè)置。
2.background-color：<color> 默認值：transpoarent 設(shè)置背景顏色。
3.background-image：<bg-image> 默認值：none 使用絕對或相對地址或者創(chuàng)建漸變色(linear-gradient-線性漸變,radial-gradient-徑向漸變)來確定圖像。
4.background-repeat：repeat-x|repeat-y|no-repeat... 設(shè)置背景圖片如何鋪排填充。必須先指定<background-image>屬性
5.background-attachment：fixed|scroll|local? 設(shè)置背景圖像是隨對象內(nèi)容滾動還是固定。必須先指定<background-image>屬性。
6.background-position：left|right|top|bottom|center 默認值：0% 0%，效果等同于left top。必須先指定<background-image>屬性。
7.background-origin:border-box|padding-box|centent-box 默認值：padding-box? 設(shè)置背景圖像計算<background-position>時的參考原點（位置）
8.background-clip：border-box|padding-box|content-box|text 默認值：border-box 指定對象的背景圖片向外裁剪的區(qū)域。
9.background-size：atuo|cover|contain 默認值：auto? 設(shè)置背景圖像的尺寸大小（auto：背景圖像的真實大小。cover：將圖片完全等比列縮放到完全覆蓋容器，背景圖像有可能超出容器。contain：將背景圖像等比列縮放到寬度或高度與容器的高度或?qū)挾认嗟龋尘皥D像始終被包含在容器里）。
文本：
1.text-align：start|end|right|left|center|justify ... 默認值：start 設(shè)置內(nèi)容的水平對齊方式。
2.text-indent：<lenngth> 默認值：0? 設(shè)置對象中的文本首行縮進（兩個字是32px）。
3.vertical-align：baseline|sub|super|top|text-top|middle|bottom|text-bottom|<length>? 默認值：baseline 設(shè)置內(nèi)聯(lián)元素在行框內(nèi)的垂直對齊方式（效果不明顯，，，基本沒作用）。
4.line-height：normal|<length> 默認值：normal 設(shè)置對象的行高，即字體最低端與字體內(nèi)部頂端之間的距離。
5.word-wrap：normal|break-word 默認值：normal 設(shè)置當內(nèi)容超過指定容器的邊界時是否斷行（break-word 跳到下一行，針對英文。中文會自動換行，不需要設(shè)置。）。
6.word-break：normal|keep-all|break-all 默認值：normal 設(shè)置文本的字內(nèi)換行行為（keep-all：是在當前行的長度不夠放置這個單詞時，就讓整個單詞都跳轉(zhuǎn)到下一行。break-all：是把單詞拆分，放滿當前行，放置不下的拆分放置到下一行）。
7.word-spacing：normal|<length> 默認值:normal? 檢索單詞之間的最小，最大和最佳間隙。
8.letter-spacing：normal|<length> 默認值：normal? 設(shè)置字符之間的最小，最大和最佳間隙。
9.text-decoration：<text-decoration-line>|<text-decoration-style>|<text-decoration-color> 復合屬性。設(shè)置對象中的文本的修飾。
10.text-decoration-line：none|underline|overline|line-through|blink? 默認值：none 設(shè)置對象中的文本修飾線條的位置。
11.text-decoration-style：solid|double|dotted|wavy? 設(shè)置對象中的文本修飾線條的形狀。
12.text-decoration-color：<color> 設(shè)置對象中的文本修飾線條的顏色。
13.text-shadow：none|<shadow> 設(shè)置對象中文本的文字是否有陰影及模糊效果（上,左,下,右,偏移量，顏色）。
外邊距(外補白)：
1.margin:<length> auto 設(shè)置一個值就可以設(shè)置全方位的偏移量。
2.margin-top. margin-right. margin-left. margin-bottom.
內(nèi)邊距(內(nèi)補白)：
1.padding：<length> auto 設(shè)置一個值就可以設(shè)置全方位的偏移量。
2.padding-top. padding-right. padding-left. padding-bottom.
邊框：
1.border：[border-width]|[border-style]|[border-color]? 復合屬性。設(shè)置對象邊框的特性。
2.border-width：<length>? 設(shè)置邊框?qū)挾取Ｈ绻峁┤克膫€參數(shù)，將按上右下左（border-top，border-top-width 復合屬性）的順序作用于四邊。如果只提供一個，將用于全部的四邊。
3.boder-style:none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset （border-top-style 復合屬性）設(shè)置邊框樣式。
4.border-color：<color> 設(shè)置或檢索對象的邊框顏色。
圓角邊框：
1.border-radius：<length> 設(shè)置圓角邊框。（上左top-left，上右top-right，下右bottom-right，下左bottom-left。如果只提供一個將作用于全部的四個角）
2.border-top-left-radius?
陰影：
1.box-shadow：none|<shadow> 設(shè)置對象中文本的文字是否有陰影及模糊效果（水平 垂直 模糊值 外延值 顏色。其中模糊值和顏色必須要有）。
定位：
1.position：static|relative|absolute|fixed 默認值：static
????? a.static:無特殊定位，對象遵循正常交流文檔。top，right，bottom，left等屬性不會被應用。（即對top，right，bottom，left進行設(shè)置，也不會有任何作用，依然會根據(jù)元素默認排版情況進行放置）
????? b.relative：對象遵循正常交流文檔，但依據(jù)top，right，bottom，left等屬性在正常文檔流中偏移位置。（即放置情況會根據(jù)對top，right，bottom，left的設(shè)置，根據(jù)上一層對象進行排版）
????? c.absolute：對象脫離正常文檔流，使用top，right，bottom，left等屬性進行絕對定位。而其層疊通過z-index屬性定義。（即放置情況會根據(jù)對top，right，bottom，left的設(shè)置，相對最近的，設(shè)置了position的上一層對象進行排版）
????? d.fixed：對象頭里正常文檔流，使用top，right，bottom，left等屬性以窗口為參考點進行定位，當出現(xiàn)滾動條時，對象不會隨著滾動。（相對窗口固定在某個位置）
????? /*設(shè)置了absolute，脫離文檔，不按規(guī)則順序設(shè)置，自己相對設(shè)置了position的上級對象層設(shè)置，沒有就根據(jù)最底層設(shè)置（即窗口）;設(shè)置了relative，不脫離文檔，都是根據(jù)上一層對象層進行設(shè)置。*/
????? 2.-index：auto| 默認值：auto 檢索或設(shè)置對象的層疊順序。必須定義position屬性值為absolute，relative或fixed，此取值方可生效。
???? 3.定位關(guān)鍵字：top，right，bottom，left?? 設(shè)置的默認值為auto。設(shè)置與其最近一個定位的父對象相關(guān)部分的位置。
布局：
1.display：none|inline|block|...? 用于設(shè)置布局的屬性。
?????? a. inline：行內(nèi)元素。一個行內(nèi)元素可以在段落中包裹一些文字而不會打亂段落的布局。span是一個標準的行內(nèi)元素。a元素是最常用的行內(nèi)元素，它可以被用作鏈接
????? b. block：塊級元素。一個塊級元素會新開始一行并且盡可能撐滿容器。其他常用的塊級元素包括p，form和HTML5種的新元素：header，footer，section等等。
????? c. none：通常用來在不刪除元素的情況下隱藏或顯示元素。它和visibility屬性不一樣。把display設(shè)置成none不會保留元素本該顯示的空間，但是visibility：hidden；還會保留（占位）。
浮動：
1.float：none|left|right 默認值：none 設(shè)置對象是否及如何浮動。（可實現(xiàn)表格布局的多列功能）
?????? a. left：設(shè)置元素從左向右依次排列
?????? b.right：設(shè)置元素從右向左依次排列
2.clear：none|left|right|both? 默認值：none? 設(shè)置是否允許浮動及浮動對象的邊。（使用float屬性設(shè)置多列功能后，在下一列開始之前使用clear屬性清除一次浮動，否則上面的布局會影響到下面）
????? a.none：允許兩邊都可以有浮動對象
????? b.both：不允許有浮動對象
????? c.left：不允許左邊有浮動對象
????? d.right：不允許右邊有浮動對象
元素選擇符：
1. *????? ? ? ?? ? ??通配選擇符?? 所有元素對象。
2.E?????????????????? 類型選擇符?? 以文檔語言對象類型作為選擇符。
3.E#myid ? ? ? ? id選擇符? ? ?? 以唯一標識符id屬性等于myid的E對象作為選擇符。
4.E.myclass ? ? class選擇符 ??以class屬性包含myclass的E對象作為選擇符。
偽類選擇符：
1.E:link? ? ? ? ? ? ? ? ? ? ? ? ? ? ?? 設(shè)置超鏈接a在未被訪問前的樣式。
2.E:visited? ? ?????????? ? ? ? ? ? ? 設(shè)置超鏈接a在其鏈接地址已被訪問過時的樣式。
3.E:hover? ? ? ? ? ? ? ? ? ? ? ? ? ?? 設(shè)置元素在其鼠標懸停時的樣式。
4.E:active? ? ? ? ? ? ? ?????????????? 設(shè)置元素在被用戶激活時的樣式。
5.E:focus? ? ???????????? ? ? ? ? ? ?? 設(shè)置元素在成為輸入焦點時的樣式。
6.E:checked ? ? ? ? ? ?????????????? 匹配用戶界面上處于選中狀態(tài)的元素E。
7.E:enabled? ????????? ? ? ? ? ? ? ? 匹配用戶界面上處于可用狀態(tài)的元素E。
8.E:disabled?????????? ? ? ? ? ? ? ? 匹配用戶界面上處于禁用狀態(tài)的元素E。
9.E:empty? ? ? ? ? ? ? ? ? ? ? ? ? ? 匹配沒有任何子元素（包括text節(jié)點）的元素E。
10.E:target? ? ? ? ? ??????????????? 匹配相關(guān)URL指向的E元素。
11.E:not(s)? ? ? ? ? ??????????????? 匹配不含有s選擇符的元素E。
12.E:root????????????? ????????????? 匹配E元素在文檔的根元素。
13.E:first-child???? ????????????? 匹配父元素的第一個子元素E。
14.E:last-child????? ????????????? 匹配父元素的最后一個子元素E。
15.E:only-child???? ? ? ? ? ? ? ? 匹配父元素僅有的一個子元素E。
16.E:nth-child(n)???????????????? 匹配父元素的第n個子元素E。
17.E:nth-last-child(n)????????? 匹配父元素的倒數(shù)第n個子元素E。
18.E:first-of-type??????????????? 匹配同類型中的第一個同級兄弟元素E。
19.E:last-of-type ??????????????? 匹配同類型中的最后一個同級兄弟元素E。
20.E:only-of-type ?????????????? 匹配同類型中的唯一的一個同級兄弟元素E。
21.E:nth-of-type(n?????????????? 匹配同類型中的第n個同級兄弟元素E。
22.E:nth-last-of-type(n)?????? 匹配同類型中的倒數(shù)第n個同級兄弟元素E
偽對象類選擇符：
1.E:before/E::before設(shè)置在對象前（依據(jù)對象樹的邏輯結(jié)構(gòu)）發(fā)生的內(nèi)容。用來和content屬性一起使用
2.E:after/E::after設(shè)置在對象后（依據(jù)對象樹的邏輯結(jié)構(gòu)）發(fā)生的內(nèi)容。用來和content屬性一起使用。
語法與規(guī)則：
1.!important?????????提升指定樣式條目的應用優(yōu)先權(quán)。
2./*comment*/????CSS中的注釋 /* 這里是注釋內(nèi)容 */
3.@import ? ? ? ? ? ?指定導入的外部樣式表及目標媒體。該規(guī)則必須在樣式表頭部最先聲明
3.@charset???????????在外部樣式表文件內(nèi)使用。指定該樣式表使用的字符編碼
4.@media?????????????指定樣式表規(guī)則用于指定的媒體類型和條件。
5.@font-face????????設(shè)置嵌入HTML文檔的OpenType字體。
6.@keyframes??????指定動畫名稱和動畫效果。
