知識點34：css定位及特點---position
為什麼要用定位？ 定位=定位模式+邊偏移（重點記憶）
將盒子定位在指定的某乙個位置，自由的漂浮在其他盒子（包括標準流和浮動）的上面。
標準流在最底層，浮動在中間，定位在最高層
能說出為什麼常用的 子絕父相 布局？
①邊偏移：
定位的盒子，是通過邊偏移來移動位置的，一般情況下，凡是有定位的地方就有邊偏移，定位的盒子有了邊偏移才有價值。
不是所有的定位模式都有邊偏移。
②定位模式：
語法: 選擇器
有四種模式：static（靜態定位）、absolute（絕對定位）、relative（相對定位）、fixed（固定定位）。
靜態定位：是元素的預設的定位方式，實際上就相當於無定位的意思，即未脫標。
靜態定位按照標準流特性擺放位置，它沒有邊偏移哦！
知識點35：相對定位---relative
相對於它原來的標準流的位置而言的，未脫標；
原來在標準流的區域繼續占有，後面的盒子任然以標準流的方式對待它。
知識點36：絕對定位 ---absolute
絕對定位是元素以帶有定位的父級元素來移動位置。
標準流的子盒子總是以父級為準移動位置。
絕對定位子盒子 如果父級沒有任何定位（除了靜態預設的），絕對定位盒子，則以瀏覽器 文件 為準移動定位位置；如果父級有定位，絕對定位盒子，則以父級為準。
總結：絕對定位元素依據最近的已經定位（relative、absolute、fixed，除靜態static外）的父級盒子為準來進行自己的定位；
不占有原來的標準流位置，完全脫離標準流。
知識點37：子絕父相的由來
父級要占有位置，則用相對定位；
子級任意擺放在其他元素的上面，所以不能占有，並且定位參考父盒子的位置，則用絕對定位
知識點38：固定定位---fixed
固定定位是絕對定位的一種特殊形式，
完全脫離標準流，完全不佔位置；
跟父級沒有任何關係，只認瀏覽器的可視視窗；（瀏覽器可視視窗+邊偏移）
根據瀏覽器可視視窗參考來設定位置
不隨滾動條滾動；和絕對定位的區別在於，絕對定位在以瀏覽器為準時會跟著瀏覽器文件滾動而滾動。
知識點39：絕對定位的盒子居中對齊（重點理解自身演算法）
盒子以自己的左上角為定位點，定位居中走父盒子的一般left50%, top50%;
而這時出現的是超過居中點了，原因是定位盒子的中心點需要和父盒子中心點重合，所以這時需要定位盒子退回自身的一半，則用到margin-left：-width/2px，margin-top：-top/2px;這裡的left和top是自身的寬和高，不是父元素的；取值方向與瀏覽器的座標值有關聯。
瀏覽器座標是以右為正方向，以下為正方向。
知識點40：z-index堆疊順序
舊版火狐瀏覽器3d渲染效果工具titl可以清晰的檢視。
定位的堆疊順序遵循後來者居上原則，預設順序為書寫位置顯示；
z-index的數值越大，元素的層級越靠上（前），預設值為0，沒有單位。
只能應用於相對定位、絕對定位和固定定位的元素，其他標準流、浮動和靜態定位無效。
知識點41：定位改變display屬性
塊級元素不給width，預設通欄顯示；
行內塊元素不給width，預設的寬度就是內容的寬度；
浮動轉換時寬度也是內容的寬度
絕對定位和固定定位轉化的型別和浮動相似，也是類似行內塊，寬度也是內容的寬度；考點記憶：沒有內容是無法顯示出來的；
浮動、絕對定位、固定定位三種模式都是完全脫離標準流，不佔原有標準流中的位置。
如果元素屬於行內元素，則不用轉換，直接給設定高、寬等屬性，首先需要確定為是否是行內元素。
定位的盒子，在很多情況下，如果需要給通欄，則需要給盒子單設定寬度；
定位是完全脫表，會遮蓋標準流的內容，這是需要給標準流給個margin外邊距，以解決這個問題；
當元素設定了定位模式（相對定位，絕對定位，固定定位），沒有設定邊偏移，則這時定位相當於靜態定位，定位無效，元素還是屬於標準流。
只要設定了浮動，絕對定位、固定定位，則給子盒子外邊距margin，咋不會出現觸發外邊距合併的問題。以前塌陷常用padding，border來解決。
浮動壓不住和文字。只有定位，才能壓住盒子。
知識點42：矩形圓角寫法
/*標準單個寫法,是四個角半徑不同時就用這個*/
border-top-left-radius: 15px;
border-bottom-left-radius: 15px;
簡寫：border-radius: 0 15px 15px 0;
依然遵循順時針順序
知識點43：定位移動位置基準
相對定位relative：相對自身位置移動；
絕對定位absolute：相對已經 定位 的父級元素進行移動；
固定定位fixed：相對瀏覽器可視視窗進行移動。
CSS3的快速記憶
border radius 25px box shadow 10px 10px 5px 888888 這個屬性挺重要的,特別是做的效果時.box shadow 陰影的x偏移值,陰影的y偏移值,模糊值,陰影大小,陰影顏色 其中偏移值可以為負數,陰影大小為0時是與原來一樣大,模糊值越大越模糊 borde...
restful規範快速記憶
十個規則 1 因為是面向資源程式設計，所以每個url代表一種資源，url中盡量不要用動詞，要用名詞 2 盡量使用https，https代替http 3 在url中體現是否是api 4.在url中體現版本 5 在url中的過濾條件 page 3 6 根據method不同，進行不同的操作 get pos...
s 引數 快速 記憶法
s11,s21 s21,s22 s11 埠2匹配時，埠1的反射係數 回波損耗 s22 埠1匹配時，埠2的反射係數 也是回波損耗 s12 埠1匹配時，埠2到埠1的反向傳輸係數 就是隔離 反向插入損耗 s21 埠2匹配時，埠1到埠2的正向傳輸係數 增益 插損 正向插入損耗 口訣 反 反 正 反 我們經常...