css各种居中的问题:
块元素:margin:0 auto;(盒子水平居中)
绝对(absolute)定位的盒子居中:Left:50% margin-left:-盒子宽度一半
行内元素/行内块元素:父元素 text-align:center (文字水平居中)
垂直居中:行高=块高
fixed如何定位版心右侧:Left:50% margin-left:版心宽度的一半
css各种边距的问题:
清除内外边距
*{
Margin:0;
Padding:0;
}
相邻块元素垂直外边距的合并
如果相邻盒子上面一个设有margin-bottom&下面一个设有margin-top,此时会发生塌陷。
解决方法:只设其中一个的margin
嵌套块元素垂直外边距的合并
如果父元素有上外边距且子元素有上外边距时,父元素会塌陷较大值
解决方法:
①可以为父元素定义上边框;
②可以为父元素定义上内边距;
③可以为父元素添加overflow: hidden;
ps:盒子:层叠性、继承性、优先级
优先级:!Important > 行内> id >类>元素>*/继承
复合选择器有权重叠加!!!