文檔流的概念指什么莱褒？有哪種方式可以讓元素脫離文檔流?
文檔流就是普通流肚吏，沒(méi)有定位浮動(dòng)什么樣式的最開(kāi)始的那一個(gè)層面，文檔自上而下荤崇，從左到右按順序排列拌屏。
浮動(dòng)，絕對(duì)定位可以脫離文檔流术荤。
有幾種定位方式倚喂，分別是如何實(shí)現(xiàn)定位的，使用場(chǎng)景如何喜每？
static???????? 默認(rèn)的定位方式务唐，使元素存在于文檔流中，可以不寫(xiě)
absolute??? 絕對(duì)定位带兜，使元素脫離文檔流枫笛，并且按照top left right bottom屬性布置位置，相對(duì)?? 于static以外的第一個(gè)父元素定位
relative??????相對(duì)定位刚照，不脫離當(dāng)前流刑巧，同樣可以使用top等屬性定位，不過(guò)是相對(duì)于自己
fixed????????? 同絕對(duì)定位，脫離文檔流啊楚，不同的是會(huì)固定在窗口中吠冤，不隨頁(yè)面滑動(dòng)
absolute, relative, fixed 偏移的參考點(diǎn)分別是什么
absolute 參考的是除static定位外的第一個(gè)有定位的父元素，如果父元素們都沒(méi)有定位則參考根節(jié)點(diǎn)
relative?? 參考自身
fixed??????參考瀏覽器窗口
z-index 有什么作用? 如何使用?
用于判斷脫離文檔流的元素們的優(yōu)先級(jí)恭理，數(shù)字越大優(yōu)先級(jí)越高
z-index:1;
position:relative和負(fù)margin都可以使元素位置發(fā)生偏移?二者有什么區(qū)別
都可以產(chǎn)生偏移拯辙，但是負(fù)margin會(huì)放棄之前占有的空間，而相對(duì)定位仍然占有之前的空間
如何讓一個(gè)固定寬高的元素在頁(yè)面上垂直水平居中?
position:absolute;
left:50%;
top:50%;
margin-left:-halfpx;
margin-right:-halfpx;
浮動(dòng)元素有什么特征颜价？對(duì)其他浮動(dòng)元素涯保、普通元素、文字分別有什么影響?
1.塊排成一排
2.內(nèi)聯(lián)元素支持寬高
3.浮動(dòng)元素自動(dòng)變?yōu)閴K元素
對(duì)其他浮動(dòng)元素：先浮動(dòng)的永遠(yuǎn)不會(huì)被后浮動(dòng)的超過(guò)周伦，浮動(dòng)元素不會(huì)重疊
對(duì)普通元素：可能會(huì)覆蓋普通元素夕春，使文檔流中的元素發(fā)生偏移
對(duì)文字：文字會(huì)跟隨圍繞浮動(dòng)元素
清除浮動(dòng)指什么? 如何清除浮動(dòng)?
清除元素左右兩側(cè)存在的浮動(dòng)元素
clear:both/right/left;
代碼
CODE
CODE2
花了兩個(gè)多小時(shí)終于把頁(yè)面寫(xiě)完了，自己有值得表?yè)P(yáng)和批評(píng)的地方专挪。
表?yè)P(yáng)的地方是認(rèn)真了一些及志，放在以前，很多對(duì)不齊的地方可能就用像素值調(diào)整一下就過(guò)去了寨腔，這回按百分比來(lái)的速侈，在各種瀏覽器窗口里都應(yīng)該是居中的，算是經(jīng)得起考驗(yàn)脆侮。
該批評(píng)的是锌畸，這點(diǎn)東西自己幾個(gè)月前就做過(guò)一遍，沒(méi)想到這次還是卡了這么久靖避，而且第二道三角形的題目開(kāi)始完全沒(méi)思路潭枣，只能參考同學(xué)的代碼，發(fā)現(xiàn)大家這兩道題都使用了：after和：before這兩個(gè)偽類(lèi)幻捏，雖然這兩個(gè)類(lèi)在task10的任務(wù)視頻中并沒(méi)有提及過(guò)盆犁。不知道大家是怎么想到用這個(gè)方法的。也許后面的視頻中會(huì)出現(xiàn)篡九？記得之前好像有一節(jié)答疑課老師似乎講過(guò)這倆的用法谐岁，不過(guò)當(dāng)時(shí)還沒(méi)做到這個(gè)任務(wù)，印象不深榛臼，有時(shí)間好好溫習(xí)一遍伊佃，不過(guò)第二道題，除了使用偽類(lèi)沛善，完全采用定位的方法應(yīng)該也是可行的航揉，不過(guò)坐標(biāo)計(jì)算會(huì)相當(dāng)麻煩吧。
其實(shí)還有一個(gè)小問(wèn)題金刁，就是在設(shè)置header的時(shí)候帅涂，沒(méi)有采用百分比設(shè)置议薪，而是使用的相對(duì)定位，這里不使用絕對(duì)定位媳友，讓nav存在于heade的50%位置然后用負(fù)margin微調(diào)的方法是因?yàn)樗挂椋坏?duì)header定位，圖片和list的位置就會(huì)亂了醇锚，不知道怎么修改過(guò)來(lái)哼御，所以采用了像素的方法。
