a 標籤的實際運用，背景圖定位，3個定位，壓蓋順序，自定義壓蓋順序

a 標籤的實際運用

　　實際工做中： 文本的默認樣式裏，除了 color 和 text-decoration，其餘的均可以靠繼承，默認樣式能夠給四個狀態都設置成同樣的，

　　誰發生變化，單獨設置這個僞類

　　　　四個狀態都設置：用 a 標籤選擇器，誰不同的，添加僞類單獨設置，注意書寫順序

background-image：url（圖片路徑）；

background-repeat：圖片重複

　　四個屬性值：repeat　　整個背景區域重複

　　　　　　　　no-repeat  不重複

　　　　　　　　repeat-x     水平方向重複

　　　　　　　　repeat-y　  垂直方向重複

背景圖定位：

像素法： background-position：x,y；單位是像素

 css精靈圖技術：不少元素都有背景圖，須要有十幾家存在圖片，就須要發送多個http 請求下載圖片，講不少小弟 背景圖合成在一張圖片上

單詞法：background-position：x 的方向：left,center,right, y 的方向：top,center,bottom

background-attachment：背景圖附着；、、

　　　屬性值有：scroll:  滾動，背景圖會隨着頁面滾動走

　　　　　　　　fixed：固定，背景圖不會隨着頁面滾動走

背景圖實際運用：

　　1.padding 基礎背景圖效果：給盒子用 padding-left 流出一個空白區域，添加一個合適的背景圖，不重複

定位：

　　相對定位：元素相對於自身進行的位置偏移

　　position： 定位屬性

　　屬性值： relative，相對的

　　偏移的數據量由方向屬性來控制，方向屬性：left，right，top，bottom

　　特色：顯示的位置是偏移的位置，原位置還保留，不會讓元素脫離文檔流

　　特殊用途：1.用來穩固結構　　　　

2.微調　　

div span{
　　font-size: 12px;
　　position: relative;
　　top: -6px;
}　　

　　絕對定位：絕對定位的定位參考元素不固定，可是不是自己

　　　　屬性值：absolute，也是四個方向的偏移量：left,right,top,bottom

　　　　特色：絕對定位會脫離文檔流，絕對定位的元素根據選取偏移量不一樣，參考點也不一樣

　　　　1.參考元素爲body 時的定位參考點

　　　　　　有 top 參與的絕對定位，定位的參考點是頁面 （body）的左上角和右上角

　　　　2.有 bottom 參與的絕對定位： 參考點是頁面（body）首屏的左下角和右下角

　　　　3.祖先元素做爲參考元素：祖先元素總有定位的元素，絕對定位的參考元素就是距離它最近的有定位的祖先元素

　　　　4.當祖先元素做爲參考點時：會忽視padding，參考點時border內部的頂點

 　　固定定位：參考瀏覽器開口進行定位

　　　　屬性值：fixed

　　　　始終保持針對瀏覽器窗口的某一個頂點位置相對不變

　　　　有四個方向的偏移量的值：left、right、top、bottom

　　壓蓋順序

　　　　1.有定位的元素壓蓋沒有定位的元素

　　　　2.有定位的元素，不區分定位類型，誰寫在後面誰就能壓蓋

　　自定義壓蓋順序

　　　　屬性：z-index

　　　　屬性值： 數字，沒有任何單位，數值大的壓蓋數值小的

　　　　　1.只能給定位的元素加，其餘的標準流的或者浮動元素都沒有z-index屬性

　　　　　2.屬性值相同看 html 結構書寫順序，後面的壓蓋前面的

　　　　    3.父子盒模型裏，若是父子都有定位，都有自定義的 z-index 值，兩個父子對比，無論

　　　　　　子元素的屬性值多大，只要父親 z-index 值小，都只能被壓蓋，父級數值小，子級再大，都沒用