CSS实现页面布局相关属性

一、外边距margin与内边距padding


二、尺寸


width：设置元素内容区域宽度


height：设置元素内容区域的高度


line-height：设置文本块的行间距


三、定位


position：static(静态定位，默认值。定位于页面文档流给定的位置)|relative(相对定位。在页面文档流给定位置基础上进行偏移)|absolute(绝对定位。以父级元素作为参照，使用坐标进行绝对定位。)|fixed(固定位置。固定在相对于浏览器窗口的指定位置，不随页面滚动而移动)


z-index:设置元素在垂直浏览器窗口方向上的层叠顺序。使用数字设定，数字越大越靠近浏览者。为负数时，作为页面正文的背景显示。我的理解方式：以电脑屏幕为圆心，相当于三维，添加Z轴


vertical-align:baseline|top|middle|bottom|text-top|text-bottom|super sub()设置行内元素在所在行上的垂直对齐方式，或用于设置单元格内容在单元格内的垂直对齐方式。




overflow:visible|auto|scroll|hidden：设置当元素内容所需占用的区域超出内容区域时，如何处理。


top


right


bottom


left 设置元素的某边界相对于其包含块相应边界的偏移量




四、分类


display：inline|block|none（不显示） 设置元素如何显示


visibility:visible|hidden。设置元素的可见性。被隐藏的元素仍然占据页面正文的空间


cursor:help|wait|move|pointer 设置光标的样式


float:left|right|none 设置元素在其父元素中如何浮动


clear:left|right|both|none 设置元素的哪边不允许出现浮动元素