CSS盒子模型
在W3C模型中: 總寬度 = margin-left + border-left + padding-left + width + padding-right + border-right + margin-right
在IE模型中: 總寬度 = margin-left + width + margin-right
怎么水平、垂直居中一個元素？
方法比較多，不同的方法局限性不同，一定得掌握
參考 這兒
css樣式優(yōu)先級
-
CSS 優(yōu)先級法則：
選擇器都有一個權(quán)值，權(quán)值越大越優(yōu)先；
當權(quán)值相等時，后出現(xiàn)的樣式表設(shè)置要優(yōu)于先出現(xiàn)的樣式表設(shè)置；
創(chuàng)作者的規(guī)則高于瀏覽者：即網(wǎng)頁編寫者設(shè)置的CSS 樣式的優(yōu)先權(quán)高于瀏覽器所設(shè)置的樣式；
繼承的CSS 樣式不如后來指定的CSS 樣式；
在同一組屬性設(shè)置中標有“!important”規(guī)則的優(yōu)先級最大；
談?wù)剬憫?yīng)式的理解
響應(yīng)式布局：簡單點說，就是做一個網(wǎng)站同時能兼容多個終端，由一個網(wǎng)站轉(zhuǎn)變成多個網(wǎng)站，為我們大大節(jié)省了資源（一套代碼能在PC端、移動端等不同分辨率的設(shè)備上正常訪問）。
-
優(yōu)點：
面對不同分辨率設(shè)備靈活性強
2.能夠快捷解決多設(shè)備顯示適應(yīng)問題
-
缺點：
- 不能完全兼容所有瀏覽器，代碼累贅，加載時間加長。
原理：簡單點說響應(yīng)式布局它是通過CSS中Media Query（媒介查詢）@media功能，來判斷我們的終端設(shè)備寬度在多少像素內(nèi)，然后就執(zhí)行與之對應(yīng)的CSS樣式。
文檔定位機制
css有三種基本定位機制：標準文流(Normal flow)，浮動(Floats)和絕對定位(Absolute positioning)。
-
標準文檔流
（1）從左到右，從上到下，輸出文檔內(nèi)容
（2）有會計元素（從做導(dǎo)游撐滿頁面，獨占一行，觸碰到頁面邊緣時自動換行的元素，div,ul,li,dl,dt,p）和行級元素組成（能在同一行內(nèi)顯示并且不會改變html文檔結(jié)構(gòu)，如span,input）
-
浮動
- 設(shè)置為浮動的元素將會往左或者往右漂移，知道遇到阻礙-其他元素或者父級元素的邊框。浮動元素不在標準文檔流中占空間，但會隨其后的浮動元素造成影響
-
絕對定位
- 設(shè)置為絕對定位的元素將從標準文檔流中刪除，不占據(jù)空間，然后通過top,left,right,bottom屬性對其相對父元素進行定位。
怎么清除浮動？
- 參考 這兒
position有哪幾種取值？分別代表什么意思？
-
position的四種取值為：
static:靜態(tài)位置，無特殊位置，對象遵循正常文檔流，left right top bottom 無用。這個是默認值哦！
relative：相對定位，對象遵循正常文檔流，以正常理應(yīng)所在的位置為基礎(chǔ)根據(jù)left right top bottom 值進行偏移。在沒有設(shè)置屬性為relative時，對象在文檔中會有個位置，設(shè)置了此值后，在文檔中的位置根據(jù)left right top bottom 值進行重新定位。相對定位，相對的是自己本身應(yīng)該在的位置！
absolute：絕對定位，對象脫離正常文檔流，以static之外的最近父元素為參考點進行l(wèi)eft right top bottom 值進行偏移。若不存在此屬性，則以body為參考點移動，即以窗口為參考點。
fixed：固定定位，對象脫離正常文檔流，以窗口即body對象為參考點，參考left right top bottom 值進行偏移。
所以，static和relative的對象都遵循正常文檔流，而absolute和fixed是脫離正常穩(wěn)定流的，在正常文檔流中不占位置，有漂浮在頁面上的感覺。
relative和absolute和fixed這三種屬性的對象，設(shè)置left right top bottom 是有效的。
CSS3 的新特性有哪些？
- 自己去查
