前端学习（九）关于边距和居中的问题

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 >类>元素>*/继承

复合选择器有权重叠加！！！