1. 程式人生 > >層疊樣式與盒子模型

層疊樣式與盒子模型

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;

層疊樣式與盒子模型