盒模型包括哪些屬性
marginpadding
border
content
width
height
text-align: center的作用是什么冷尉，作用在什么元素上聚至？能讓什么元素水平居中
text-align:center可以讓模塊內(nèi)的行內(nèi)元素居中宜雀，作用在塊級(jí)元素上，能讓行內(nèi)元素水平居中
如果遇到一個(gè)屬性想知道兼容性埋凯，在哪查看?
caniuse.com
IE 盒模型和W3C盒模型有什么區(qū)別?
IE678在怪異模式下使用IE盒模型点楼。即寬度=邊框+內(nèi)邊距+內(nèi)容
chrome，ie9+白对，ie678（嚴(yán)格模式）使用W3C盒模型掠廓，即寬度=內(nèi)容寬度
以下代碼的作用？兼容性甩恼？
對(duì)頁(yè)面內(nèi)所有標(biāo)簽進(jìn)行渲染蟀瞧，將所有盒模型都設(shè)置為IE盒模型，寬度=邊框+內(nèi)邊距+內(nèi)容
寫(xiě)一個(gè) btn 的class条摸， 任何 a悦污，span,div,button 添加此class后后變成如下按鈕的樣式(鼠標(biāo)hover背景色#c14d21, 鼠標(biāo)按下背景色#e25f31)
代碼
這里遇到了一個(gè)問(wèn)題，如果不對(duì)頁(yè)面進(jìn)行設(shè)置border：none設(shè)置钉蒲，button會(huì)有自己默認(rèn)的狀態(tài)
此時(shí)button的盒模型為
而其他元素的盒模型為
也就是button自己多了一個(gè)border：2px
這個(gè)時(shí)候即使在btn類中手動(dòng)設(shè)置邊框
盒模型邊框仍舊為0px切端，2px不變，無(wú)法對(duì)其進(jìn)行修改子巾。
解決辦法就是設(shè)置border：none帆赢，但是不理解其中的原理小压，一開(kāi)始出現(xiàn)這種情況的時(shí)候线梗，以為解決問(wèn)題的辦法是，如何取消button標(biāo)簽的默認(rèn)樣式怠益，在參考他人代碼后仪搔，發(fā)現(xiàn)大家用到了樣式重置，不過(guò)也是border為none蜻牢，并不理解其中的出現(xiàn)的問(wèn)題：1.即為什么不能手動(dòng)更改border大小烤咧，2.button的邊框添加了明暗效果所以產(chǎn)生了按鈕的效果，去掉邊框后抢呆，按鈕效果消失煮嫌，是這樣嗎？3.想要達(dá)到圓角效果需要使用border-radius抱虐，但是該屬性不能單獨(dú)使用昌阿，需要存在border屬性，并且不是border:none，所以我這樣進(jìn)行了設(shè)置懦冰，達(dá)到了目的
即設(shè)置了一個(gè)空的border灶轰，但是感覺(jué)略麻煩，不知道有沒(méi)有更好的方法刷钢。
最后一個(gè)問(wèn)題笋颤，border:none出現(xiàn)的順序不同時(shí)，會(huì)產(chǎn)生不同的效果内地，不是很理解伴澄。
在最上方時(shí)，一切正常阱缓，達(dá)到效果
但是稍微下移一點(diǎn)秉版，就出問(wèn)題了，
只是移動(dòng)到了字體下面茬祷，還在其他border上面清焕，就壞掉了。祭犯。秸妥。。沃粗。粥惧。。最盅。不是很懂他們屬性突雪。。涡贱。咏删。
————————————————我是新問(wèn)題的分割線————————————————
同樣的代碼，在設(shè)置字體微軟雅黑之后的效果问词，注意最后的button字體
IE Edge
chrome
這是為什么６胶！＜づ病３浇啤！
