层叠样式:(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;