1.盒子的類型
- display
inline:將該元素顯示為內(nèi)聯(lián)元素
block:將該元素顯示為塊元素
inline-block:將該元素顯示為內(nèi)聯(lián)塊元素
none:此元素不會(huì)被顯示 - visibility
設(shè)置元素是否可見
hidden
visible - visibility:hidden和display:none區(qū)別
display:none,元素從頁面中移除储狭，不再占據(jù)頁面中的位置互婿。
visibility:hidden，僅僅隱藏該元素晶密，依然在頁面中占據(jù)空間擒悬。
2.盒子中容納不下內(nèi)容的顯示
overflow：hidden(超出內(nèi)容隱藏)，scoll(超出內(nèi)容滾動(dòng))稻艰，auto(根據(jù)內(nèi)容情況自動(dòng)添加橫向和縱向滾動(dòng)條)懂牧，visible(和不寫一樣)
overflow-x:水平
overflow-y:縱向
3.盒子陰影
box-shadow:10px(橫向陰影) 10px(縱向陰影) 10px(模糊程度) gray(顏色)
4.盒子大小
box-sizing:border-box(盒子大小包含內(nèi)邊距、border)尊勿、content-box(盒子大小只是內(nèi)容區(qū))
