概述：
1，行級標簽還是塊級標簽對於布局很重要：決定是否有邊框和換行顯示。
2.css的四種嵌入html的方式，具有不同的優先級，樣式效果存在覆蓋(就近原則）。 2.1，<p style="x：xx ; x：xx">1，行內內聯式<p>
2.2，網頁內嵌式 <style type="text/css"> p{ x:xx; x:xx; } </style>
2.3，鏈接外部樣式 <head><link href="my.css" typle="text/css" rel="stylesheet" /></head>
2.4，@import url(x.css)；導入方式。 3.五種選擇器的方式：標記，類，id，組合，嵌套選擇器。 3.1，標記，直接取標簽的名稱定義樣式，如： p{ x:xx; x:xx; }
3.2，類，取標簽類名加上“.”，可加或不加上標簽名稱限定范圍,如： .myClassName{ x:xx; } 或者： p.myClassName{ x:xx; } <p class="myClassName" > 3.3，id，取id名稱前面加上“#”，可加或不加上標簽名稱限定范圍，如： #myClassName{ x:xx; } 或者： p#myClassName{ x:xx; } <p id="myIdName" >
選擇器的關系： 3.4，選擇器可以組合，用“，”隔開，如： p，p.myClassName，.myClassName，#myIdName{ x:xx; } 3.5，選擇器之間嵌套，用“空格”來選擇某一范圍的選擇，如 p b{ x:xx; } <p><b> xxx <b>b1</b> <b>b2</b> </b></p> 選取了p標簽下的b標簽下的所有內容的樣式（包括xxx和子標簽b1,b2） 4，注意：樣式和標簽存在主動和被動互換的關系
4.1，常見是通過樣式來設置標簽的效果（樣式被多個標簽共享）， （像通過標簽名稱，類名，id名稱，組合，嵌套的方式）
4.2，但也存在一個標簽采用多個樣式的效果（多個樣式被一個標簽使用）。 分兩種情況：
1，大范圍的標簽樣式影響其內部的標簽樣式，最終標簽效果，就近原則決定； 2，特例：對於類選擇器樣式，一個標簽可以同時擁有多個樣式，標簽中多個類名用“空格”隔開。
5,元素的屬性 （特殊的屬性display:block/inline 行級和塊級標簽進行轉換，是否擁有邊框和是否換行的能力） 文字的屬性： 文本的屬性： 邊框的屬性（塊級標簽才有） 背景的屬性 列表的屬性 表格的屬性 鏈接的屬性 6.元素的盒子模型：邊距（外邊距），邊框，填充（內邊距），內容 margin border padding
7.元素布局的位置：float positon z-index 左右浮動 相對位置定位 層疊優先顯示
詳情：
css cascading style sheet :
層疊樣式表，一種專門描述結構文檔的表現方式的文檔，主要用於網頁風格的設計，包括字體大小，顏色，以及元素的精確定位。
css發展：
1998年css2.0,最為廣泛使用的一個版本，現在一般是這個版本 2004年css2.1對css2的小范圍修改，刪除了一些瀏覽器支持不成熟的屬性，我們認為是css2.0的修訂版。 2010年css3.0 完善一些不足，增加了色彩校正，透明功能，變形，動畫模塊，一些瀏覽器並不能很好支持。在htm5的使用；
css和傳統html的優勢：
1.表達效果豐富：精確了，屬性也多了
2.文檔體積減少了：因為一些樣式可重復使用
3.便於信息檢索：文檔的分離，搜索更快
3.可讀性好：規范統一了格式，以及分離了文檔。
下面主要介紹的是css2.0
1.使用樣式需要引入樣式到html中，有下面4種方式：
1.1.用的不是很多，沒有做分離，不是很方便
1.2.
1.3.樣式和html文件為兩個文件，分離：
1.4.這種方式，有些瀏覽器不是很好的支持，
一般將一些比較高級的樣式通過這種方式導入，優選第三種方式。
2.樣式的優先級，采用哪個樣式效果，
一般只使用一兩種方便，以便維護和可讀性。
即：上面的1，2，4，3順序。
3.樣式的語法，選擇器的種類
selector:選擇器，決定該樣式對哪些元素起作用。
3.1：直接標簽的名字
3.2.類選擇器，以“.”號隔開，可以不指定元素（有元素表示特指）
class的值，表示該值對應的標簽都是該樣式。
一個標簽同時使用多個樣式：（類選擇器獨有的）[只有這種方式像是標簽在選擇樣式，別的方式都像是樣式在選擇標簽]
3.3.Id選擇器，以“#”號隔開。和類選擇器最大區別：
一個標簽的id值不支持多個樣式寫法，其他類似效果。
3.4.選擇器的組合，以“，”號隔開選擇器，
讓不同類型選擇器擁有相同的樣式，減少代碼，更直觀。
3.5選擇器的嵌套，以空格間隔，
表示該選擇器的子選擇器，以標記選擇器為例：
4.字體和文本屬性
5.邊框的屬性：border可以其設置所有的屬性。
簡寫：
6.背景的屬性：
7.列表的屬性：
list-style-position是列表項前面空格的距離，上邊標識的有誤。下面實例：
不一樣的方式可以實現同樣的效果：
8.表格的樣式：
因為一些選擇器的組合使用，所以有些選擇器的樣式被分開寫在同樣的選擇器中。如上情況。
實例:空單元格隱藏和標題在下，單元格邊距大的例子。
9.鏈接動態效果的偽屬性：
10.div+css布局：
10.1盒子模型：
10.1.1：border屬性
10.1.2：padding內容和邊框的距離
將整個內部div當作外部div的一個內容處理。
10.1.3：margin：外邊距
左右倆個行級元素距離是倆個margin的和
上下兩個元素（塊級標簽）的距離是其中一個較大的marging值：
當margin值為負數的時候：相鄰元素可以出現覆蓋效果；父子元素可以出現分離的效果。
10.2：元素定位
10.2.1float屬性三個值：left,right,默認none。
添加該浮動屬性，相當將其移出父標簽，其他標簽按照沒有他的效果布局，只是被他擋住的文本向右邊移動（外邊距的距離）出現環繞效果，
而這個標簽大小會縮小（由文本和內邊距決定）同時盡量向屬性規定方向移動，由父標簽的內邊距和該標簽的外邊距決定，上方向的距離不變。
都是設置為左浮，兩個都移除父標簽，但兩個之間仍然遵循外邊距規則，並且左上端點會在同一水平線上。
10.2.2有時候需要有些地方清除浮動的影響：清除的效果就是移動到其下方。
10.2.1一般標簽的位置都是基於父標簽或者兄弟標簽，有時候需要基於body標簽和初始位置（默認的一般位置）進行定位：
兩個子標簽absolute的例子：
另一個相對自身的距離relative屬性值：
10.3對於重疊的標簽，誰顯示在上面的問題：
