层叠样式与盒子模型

层叠样式：（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;

 

转载于:https://www.cnblogs.com/diverman/p/8127621.html