盒子模型
padding内边距
属性
padding: 1px 4个内边距都是1
padding: 1px 2px 上下 1 左右 2
padding: 1px 2px 3px 上 1 左右 2 下 3
padding: 1px 2px 3px 4px 上 右 下 左
border边框
border-width边框粗细
border-style边框样式
solid单实线
dashed虚线
dotted点线
border-color边框颜色
border-collapse:collapse相邻边框合并在一起
margin外边距
margin-top
margin-right
margin-bottom
margin-left
margin 让块级盒子水平居中
盒子左右的外边距都设置为 auto
margin: auto;
垂直外边距的合并
上面的元素有下外边距 margin-bottom,下面的元素有上外边距 margin-top
取两个值中的较大者(尽量只给一个盒子添加 margin 值)
嵌套外边距的塌陷
为父元素定义上边框
为父元素定义上内边距
为父元素添加 overflow:hidden
清除内外边距
* {
padding:0;
margin:0;
}
行内元素尽量只设置左右内外边距,不要设置上下内外边距