層疊樣式與盒子模型
阿新 • • 發佈:2017-12-27
block 外邊距 absolute 根據 clas radius lin 格式 隱藏
層疊樣式:(display)
塊:占一行,可以設置高和寬度 屬性值:block
行內塊:不占一行,可以設置高和寬度 屬性值:inline block
行內:不占一行,不可以設置高和寬度 高和寬度根據內容來 屬性值:inline
註:一、塊的隱藏方法
1.display:none(不占位)
2.visibility:hiddden(占位,不常用)
二、z-index設置層
浮動樣式:position
fixed:絕對值,相對於body(屏幕),移動時自身位置消失
relative:相對值,相對自身,移動時自身位置不消失
absolute:絕對值,相對於父標簽中的relative,移動時自身位置消失
盒子模型:
常用代碼
padding:內邊距
boder:邊框
magin:外邊距
border:寬度 樣式 顏色
box-sizing:border-box 格式尺寸
浮動:
float:left right
陰影:box-shadow: 10px 5px 10px #ccc inset;
圓角:border-radius: 10px;
居中:magin:0 auto;
層疊樣式與盒子模型