1 . 盒模型包括的屬性
-
margin:外邊距：包含margin-top捶闸、margin-right拷沸、margin-buttom延届、margin-left椭符。margin的最基本用途就是控制元素周圍空間的間隔,它永遠(yuǎn)是透明的荔燎。 -
border：邊框：它包括border-top、border-right销钝、border-buttom有咨、border-left。 -
padding：內(nèi)邊距：它包括padding-top蒸健、padding-right座享、padding-buttom、padding-left似忧。padding是用來使元素與內(nèi)容有一定的間隔渣叛。 -
content：內(nèi)容元素在網(wǎng)頁中，每個(gè)元素都被認(rèn)為是一個(gè)矩形的盒子盯捌。
2 . text-align: center的作用是什么淳衙，作用在什么元素上？能讓什么元素水平居中
-
text-align: center作用在塊級(jí)元素上饺著，能讓塊級(jí)元素內(nèi)的行內(nèi)元素滤祖，文字，圖片或者inline-block元素水平居中瓶籽。
3 . 遇到一個(gè)屬性想知道兼容性匠童，在哪查看
4 . IE 盒模型和W3C盒模型的區(qū)別
IE盒模型的width=content的寬+padding+border (height同理)
W3C盒模型的width=content的寬 (height同理)
5 . 以下代碼的作用，兼容性
*{
box-sizing: border-box;
}
作用：使整個(gè)html頁面中 都用ie盒模型渲染頁面
所有元素的寬度=內(nèi)容寬+左右內(nèi)邊距+左右邊框塑顺。高度=上下內(nèi)邊距+上下邊框+內(nèi)容高汤求。便于計(jì)算。
兼容性：
Paste_Image.png
代碼
6 . 寫一個(gè) btn 的class严拒， 任何a扬绪，span,div,button 添加此class后后變成如下按鈕的樣式(鼠標(biāo)hover背景色#c14d21, 鼠標(biāo)按下背景色#e25f31)
<a class="btn" href="#">確定</a>
<span class="btn" >取消</span>
<div class="btn">提交</div>
<button class="btn"> 發(fā)送</button>
