1.
2.li不設width，ul設置width ；最外層的li清浮動，不能用overflow：hidden；因爲子ul是溢出部分；
3.
5.
6.
7.li
8.li中的div寬度跟父框一樣
9.
opacity在ie低版本有兼容性，
10.
11.
12.
紅塊相對定位後變成
相對定位：定位後，會保留原本位置，所以span位置不變
13.
例子：
14.
15.任何元素都可以定位，定位後會生成一個塊級框。
16.
給四個邊分別賦值
17.相對定位，能保留原來位置，移動後也不會影響
18.
這段代碼就能實現下圖跳轉功能；
19.
20.
21.
22.
22.
語法是overflow的擴展
overflow-x:auto;
23.所有的二級導航用的是定位；絕對定位後子元素就不會撐大父元素
沒設寬時，給元素絕對定位後，他的寬度比較隨意；
line-height:可繼承
24.做頭部的導航時，一般都把z-index設置上，因爲下面的輪播圖也會定位，會覆蓋。
25.
26.定位時，使元素居中對齊的方法：em先用背景圖呈現出來，然後用position調em在框中的位置：left：50%， margin-left:-26px/*寬度的一半*/，達到居中目的
27.若行內標籤中有快標籤，一般都會將行內標籤變成塊元素
28.background：rgba（，，，）
29.transition在要變還沒變的元素上寫
transition:all 0.3s;/**/
30.
31.
32.背景不能有內容過度效果，比如從底部慢慢有背景，或從左邊慢慢有背景的效果是實現不了；只能背景慢慢的全部都出出現/消失
當用a行內元素嵌套塊轉元素，90%要轉塊狀元素；
33.
如何優化代碼：精靈圖，引入css放在head中，引入js放入底部
34.
35.行高和字體大小一樣，就沒有多餘的空間
36.這樣寫會覆蓋掉，可以合在一起寫background:#顏色 背景圖。。。，不要分開寫。
37.
38.
39.
40.
觀察成品圖，看到底從哪顯示方便。有的設計的正正好
41.
一般在頁面的詳情頁設置；
同理
42.以下過濾器是在ie6或ie7中：
兼容寫法：
43.
加了!important,優先級最高，上圖在高級瀏覽器學習的時候，會執行background:#f00!important;在低級瀏覽器中由於不識別！important，所以會執行後面的background
44.