一.相對定位小結
1.相對定位是相對自身位置進行位置調整
2.不脫離文檔流
3.設置相對定位后，開啟top,bottom,left,right,四個方位位置，優先選擇top,left,
4.它的應用場景一般不用做自身位置調整，而是用于做絕對定位元素的容器樣式
5.當定位出現堆疊效果，調整z-index值可以讓元素的堆疊順序發生變化，值越大，位置越靠前。
二.絕對定位小結
1.絕對定位元素，位置根據他最近一層的定位父級位置而確定
2.定位父級只要有定位屬性就是定位父級，當絕對定位元素沒有定位父級，它會一直往上層去找，一直找到html
3.元素設置絕對定位以后，完全脫離文檔流，定位元素無法撐開父級的高度
4.當元素設置定位屬性后，，left,top,并不是默認為0的位置，而是在定位之前的位置
5.絕對定位應用場景
①用于遮擋頁和彈出框
②在用其他布局不影響其他元素布局情況下無法正常調整元素的位置，使用絕對定位
6.可以不考慮元素布局的先后順序通過z-index來調整定位元素的堆疊順序
7.不管是block元素或者inline元素，在設置絕對定位樣式屬性后元素便擁塊屬性
8.定位元素一般用四個方位值調整位置，不用margin讓自身實際尺寸變大來調整位置，脫離文檔流的絕對定位元素也是支持盒模型的。
z-index：用來提升定位元素的層級；z-index 屬性設置元素的堆疊順序。擁有更高堆疊順序的元素總是會處于堆疊順序較低的元素的前面。元素可擁有負的 z-index 屬性值。Z-index 僅能在定位元素上奏效
定位元素不設置z-index相當于為0；
注意：設置定位的元素再去設置浮動是沒有效果的。
設置定位元素的層級會提升，覆蓋沒有設置定位的元素，在定位元素都沒有設置z-index的前提下，后面的定位元素覆蓋前面的定位元素，如果設置了z-index，那么誰的值大，誰的層級高，誰就在最上層覆蓋其他的定位元素，如果一樣大，還是后面的覆蓋前面的。
三.固定定位小結
1.固定定位是根據瀏覽器窗口進行位置調整
2.固定定位以后，元素脫離文檔流
3.行標簽設置固定定位后，頁具有了塊屬性display變成了block
4.固定定位的應用場景
①消息廣告彈窗
列子：
filter: alpha(opacity=50);
"filter: "alpha(opacity=50)";
filter這種用法是非標準用法，目的在與讓ie8版本之前的版本兼容opactity
img{
width: 300px;
/*濾鏡，現在主流瀏覽器都支持，包括ie8*/
/*filter: grayscale(100%);/*灰色處理*/
/*filter: opacity(50%);/*透明度處理*/
/*filter: blur(3px);*//*高斯模糊處理*/
/*? filter: brightness(200px);亮度處理*/
/*filter: drop-shadow(0px 0px 20px blue);*/
/*陰影處理
1.x軸的偏移量
2.y軸的偏移量
3.模糊度
4.陰影的顏色*/
/*filter: sepia(100%);深褐色處理*/
/*filter: hue-rotate(1800deg);色相旋轉*/
/*filter: saturate(700%);飽和度處理*/
