1.要知道常用選擇器（id選擇器，類選擇器，型別選擇器，後代選擇器，偽類選擇器（文件結構之外））
通用選擇器（*）
高階選擇器（子選擇器，相鄰同胞選擇器，屬性選擇器）
2.選擇器特殊性分級
3.層疊和繼承的區別
4.設計**的結構，使用風格統一的大注釋塊分割每個部分
一般性樣式 輔助樣式 頁面結構 頁面組建 覆蓋
（ reset樣式 （表單 （ 標題，頁尾和導航 （ 各個頁面）
鏈結 通知和錯誤 布局
標題 一致的條目） 其他頁面結構元素）
其他元素）
5.一般企業會有自己的樣式指南
1.盒模型用到的屬性width,height,padding,border,margin
普通文件流的上下垂直margin會疊加
2.塊級框 與 行內框， 利用display屬性來改變特性，display：block，display：inlne-block
3. 3種基本的定位機制：普通流，絕對定位，浮動
4.相對定位
是普通流定位的一部分，與文件流相關，根據自身原先的位置進行移動
無論是否移動都佔據原來空間position:relative
設定top,right,bottom,left的屬性值進行移動
5.絕對定位
不佔空間與文件流無關，
根據距離最近的已定位的祖先元素進行定位position:absolute
text-align:top / right / bottom / left
固定定位
是絕對定位的一種position:fixed
差異是包含塊是視口
6.浮動float
清理（p51）
float:left
float:riagt
clear:both / left /right / none(不允許兩邊/不允許左邊/不允許右邊/允許兩邊)
《精通CSS》讀後筆記
主要分為四種 1.行內樣式，基數1000 2.id選擇器，基數100 3.類 偽類 屬性選擇器 基數10 4.型別，標籤選擇器，偽元素選擇器的個數 基數為1 1.上下相鄰塊元素 上乙個塊元素出現在另外乙個塊元素之上，如果設定了margin屬性，二者的margin bottom和margin top發...
精通css筆記 布局
一 居中 1 自動空白邊 margin 0 auto 2 相對定位加負值空白邊 position relative left 50 margin left 50 二 浮動布局 1 兩列浮動布局 float left float right 2 三列浮動布局，把兩列中的一列再分成兩列 三 流體布局 以...
《精通CSS》讀書筆記（四）
續 url 上篇 url 下面來看一下陰影。它可以用類似圓角border的方式達成。1.簡單的css陰影和clagnut陰影 限制 2.模糊陰影 實現 新增兩層container，分別應用陰影影象和蒙板影象。限制 需要兩個外層元素 外層背景色是固定的 與蒙板顏色一致 洋蔥皮陰影無此問題。注意，蒙板需...