一、盒模型包括哪些屬性
1.內(nèi)容(content)玫膀；
2.內(nèi)邊距(padding)帖旨；
3.邊框(border)；
4.外邊距(margin)碉就；
盒模型示例
二瓮钥、text-align: center的作用是什么，作用在什么元素上碉熄？能讓什么元素水平居中
1.作用：能讓文本，圖片和行內(nèi)元素水平居中呀酸；
代碼
示例
三性誉、如果遇到一個(gè)屬性想知道兼容性茎杂，在哪查看？
網(wǎng)站：http://caniuse.com/
四煌往、IE 盒模型和W3C盒模型有什么區(qū)別?
1.標(biāo)準(zhǔn)W3C盒子模型的范圍包括 margin刽脖、border、padding曲管、content，并且 content 部分不包含其他部分申尤；
標(biāo)準(zhǔn)W3C盒模型
- W3C盒模型的寬包括：content,padding,border,margin;
- 例:margin:20px;padding:10px;border:5px;width:100px;height:100px;
- 那么這個(gè)標(biāo)準(zhǔn)盒模型占用的寬就是：20×2+10×2+5×2+100=170px;
- 標(biāo)準(zhǔn)盒模型占用的高度就是：20×2+10×2+5×2+100=170px;
- 盒模型實(shí)際的寬度就是內(nèi)容的寬度：content=100px昧穿；
2.IE 盒子模型的范圍包括 margin、border时鸵、padding、content初坠，和標(biāo)準(zhǔn) W3C 盒子模型不同的是：IE 盒子模型的 content 部分包含了 border 和 padding彭雾；
IE盒模型
- IE盒模型的寬也包括：content,padding,border,margin;
- 例:margin:20px;padding:10px;border:5px;width:100px;height:100px;
- 那么這個(gè)標(biāo)準(zhǔn)盒模型占用的寬就是：20×2+10×2+5×2+100=170px;
- 標(biāo)準(zhǔn)盒模型占用的高度就是：20×2+10×2+5×2+100=170px;
- 盒模型實(shí)際的寬度就是：content+border+padding即100+5×2+10×2=130px薯酝；
3.避免觸發(fā)IE盒模型的方法是使用<!DOCTYPE html>聲明，告訴IE采用W3C盒子模型即可吴菠。
五、以下代碼的作用占哟？兼容性酿矢？
Paste_Image.png
1.作用：盒模型的寬度即為盒模型內(nèi)容的寬度，盒模型的內(nèi)邊距和邊框都不會(huì)增加盒模型寬度谬哀；那么塊級(jí)元素實(shí)際所占文檔流的寬度就為盒模型的content即實(shí)際內(nèi)容寬+margin外邊距严肪；高度為content的實(shí)際高度+margin外邊距谦屑；
兼容性
