定位模型
static自然模型
relative相對定位模型
absolute絕對定位模型
fixed固定定位模型
sticky磁鐵定位模型
作用使元素定位於 常規/自然流 中 （塊、行垂直排列下去，行內水平從左到右）
特點1、忽略top,bottom,left,right或者z-index宣告
2、兩個相鄰的元素如果設定了外邊距，那麼最終外邊距=兩者外邊距最大的
3、具有固定width和height值的元素，如果把左右外邊距設定為auto,則左右外邊距會自動擴大佔滿剩餘寬度。造成的想過就是這個塊水平居中
特點例子：1、
1
2
3
4
1
2
3
4
上例中改為
作用使元素成為containing-block 官方解釋是可定位的祖先元素
特點1、可以使用top/right/bottom/left/z-index進行相對定位 （相對於自己在常規流中的位置）
2、相對定位的元素不會離開常規流（原來常規流中的位置依然空置存在）
3、任何元素都可以設定為relative,他的絕對定位的後代都可以相對於他進行絕對定位–超好用（因為絕對定位是相對于父元素而言的）
4、可以使浮動元素發生偏移，並控制它們的堆疊順序（浮動元素不能設定偏移即外邊距等，但加上相對定位就可以了）
di
作用使元素脫離常規流
特點1、脫離常規流
2、設定尺寸要注意：百分比比的是誰？——最近定位的祖先元素
3、lrtb如果設定為0 它將對其到最近定位祖先元素的各一邊——衍生出乙個居中妙計
4、lrtb如果設定成auto它將被打回原形恢復到常規流
5、如果沒有最近定位祖先元素，會認body為父元素
6、z-index可以控制堆疊順序
1、脫離常規流，原來的位置會被下面的元素占用
2、百分比，lrtb等都是相對于父元素而言的
3、如果設定lrtb為auto由第四點可知，會回到常規流，所以設定lrtb均為0，然後設定margin為auto，自然居中
4、。。。。
5、。。。。
6、設定堆疊順序，屬性僅在節點的 position 屬性為 relative, absolute 或者
fixed 時生效.z-index 大的元素會覆蓋 z-index 小的元素，即 z-index 越大優先順序越高
作用我跟絕對定位本是同根生
特點1、和absolute的區別？相對於誰做絕對定位
2、固定定位元素不會隨著視口的滾動而滾動
3繼承absolute的所有特點
1、固定定位相對於視口（視窗、廣告）
2、一直在視窗的同乙個位置
3、。。。。
作用relative+fixed的完美結合，製造出吸附效果
特點1、如果產生偏移原位置還是會在常規流中
2、如果他的最近祖先元素有滾動，那麼它的偏移標尺就是最近的祖先元素
3、如果最近的祖先元素沒有滾動那麼它的偏移標尺是視口
4、上下左右【偏移規則】
CSS定位（慕課網學習筆記）
定位模型 static自然模型 relative相對定位模型 absolute絕對定位模型 fixed固定定位模型 sticky磁鐵定位模型 作用使元素定位於 常規 自然流 中 塊 行垂直排列下去，行內水平從左到右 特點1 忽略top,bottom,left,right或者z index宣告 2 兩...
AJAX學習筆記（慕課網）
一 建立xhr物件 xhr物件支援ie6以上 五 例子 六 json 1.json解析和校驗 json解析 var josnobj json.parse josondata alert jsonobj.staff 0 name 2.json校驗 jsonlint 七 jquery中的ajax 八 跨...
CSS學習 慕課
css，為網頁設定樣式 認識css css全稱層疊樣式表。主要用於定義htm在瀏覽器中的顯示樣式，比如文字大小顏色字型等。style p style body p 你好 p body css的優勢 同時設定標籤型別相同的標籤樣式 標籤名 語法 選擇符 也就是標籤 宣告有多條時用 號隔開 英文狀態下 ...