01
1.結(jié)構(gòu)層：負(fù)責(zé)語(yǔ)義表達(dá)克饶，解決頁(yè)面內(nèi)容是什么問(wèn)題
2.表示層：由css負(fù)責(zé)創(chuàng)建骂倘，解決頁(yè)面如何顯示內(nèi)容
3.行為層：由腳本負(fù)責(zé)（js）变姨，解決頁(yè)面上內(nèi)容應(yīng)該如何對(duì)事件做出反應(yīng)
02
主流瀏覽器內(nèi)核
1盖矫、IE： Trident內(nèi)核
2、Mozilla FireFox: Gecko內(nèi)核
3务蝠、Chrome,Safari:Webkit內(nèi)核
4拍谐、Opera:Presto內(nèi)核
03
瀏覽器兼容性有哪些
1、瀏覽器默認(rèn)的margin和padding不同馏段，加全局*{margin：0轩拨；padding：0}來(lái)統(tǒng)一
2、IE6雙邊劇BUG：
塊屬性標(biāo)簽float后院喜，有有橫的margin情況下亡蓉，在ie6顯示margin比設(shè)置的大；
可以加上display：inline喷舀；
3寸宵、在IE6，ie7元素高度超出自己設(shè)置高度元咙，是IE8以前的瀏覽器會(huì)給元素設(shè)置默認(rèn)的行高導(dǎo)致的。
解決可以加上 overflow：hidden 或者是 line-height：巫员；font-size：庶香；
4、min-height：在IE6下不起作用简识。
解決方案是height：auto赶掖；！important;height:xxpx;
其中xx就是min-height設(shè)置的值
5七扰、透明性IE用filter：
Alpha（opacity=60）奢赂，而其他主流瀏覽器用opacity：0.6；
6颈走、a(有href屬性)標(biāo)簽嵌套下的img標(biāo)簽膳灶，在IE會(huì)帶有邊框；解決a img{border：none；}樣式轧钓。
7序厉、input邊框問(wèn)題。
去掉input邊框一般用border：none就可以
8毕箍、父子標(biāo)簽間用margin的問(wèn)題弛房，表現(xiàn)在有時(shí)除IE外的瀏覽器子標(biāo)簽margin轉(zhuǎn)移到了父標(biāo)簽上，IE下沒(méi)轉(zhuǎn)移而柑。
建議父子標(biāo)簽間的間隔用padding文捶，兄弟標(biāo)簽間用margin。
04
盒子模型
css網(wǎng)頁(yè)設(shè)計(jì)中的每個(gè)元素都是長(zhǎng)方形的盒子媒咳。
width（offsetWidth）：width+padding+border
height（offsetHeight）：height+padding+border
