1.
2. 网页就是多个盒子嵌套排列的结果。
内边距出现在内容区域的周围,当给元素添加背景色或背景图像时,该元素的背景色或背景图像也将出现在内边距中。
外边距是该元素与相邻元素之间的距离。
如果给元素定义边框属性,边框将出现在内边距和外边距之间。
3.
4.
5.transparent 为透明色,与其底部相同.
背景色可以穿透内边距.
表单的边框通常改为 0;
border:0 none;//兼容所有浏览器
6.margin:0 auto 可以水平居中.
7.行内元素没有上下margin和padding.
8.当上下相邻的两个块元素相遇时,如果上面的元素有下外边距margin-bottom,下面的元素有上外边距margin-top,则他们之间的垂直间距不是margin-bottom与margin-top之和,而是两者中的较大者。这种现象被称为相邻块元素垂直外边距的合并(也称外边距塌陷)。
9.对于两个嵌套关系的块元素,如果父元素没有上内边距及边框,则父元素的上外边距会与子元素的上外边距发生合并,合并后的外边距为两者中的较大者,即使父元素的上外边距为0,也会发生合并。
如果希望外边距不合并,可以为父元素定义1像素的上边框或上内边距。
网友评论