《Web技术基础》第6课页面布局(一)重点.pptVIP

11.1 CSS盒模型——CSS外边距 2. margin属性 margin属性接受任何长度单位，可以是像素或em，margin属性值也可以设置为auto，常用的是为外边距设置长度值。margin属性长度值。 值 描述 auto 浏览器计算外边距 length 具体单位值的外边距，比如像素、厘米等。默认值是0px % 基于父元素宽度的百分比的外边距 11.1 CSS盒模型——CSS外边距 如长度单位使用像素： h1{margin:10px 0px 15px 5px;} 还可以使用百分比数值： p{margin:10%;} 百分数是相对于父元素的width计算的。 margin的默认值是0，如果没有为margin声明一个值，就不会出现外边距。 11.1 CSS盒模型——CSS外边距 可以通过margin-top、margin-right、margin-bottom和margin-left属性设置相应的外边距。如： h2{ margin-top:20px;margin-right:30px; margin-bottom:30px;margin-left:20px; } 实例css(margin).html说明了如何设置外边距。 11.1 CSS盒模型——CSS外边距 3. 外边距合并 外边距合并是指当两个垂直外边距相遇时，它们将形成一个外边距。合并后的外边距高度等于两个发生合并