11 1.盒子 1.1元素盒子 口值复制的规则如下 如果为外边距指定了3个值,则第4个值(即左外边距)会从第2个 值(右外边距)复制得到。 如果给定了2个值,第4个值会从第2个值复制得到,第3个值(下外 边距)会从第1个值(上外边距)复制得到。 如果只给定一个值,那么其他3个外边距都由这个值(上外边距) 复制得到 tcP bot tea 1-2t 河南中医学院/阮晓龙713938213680/http://web.51xueweb.cn
河南中医学院 / 阮晓龙 / 13938213680 / http://web.51xueweb.cn 1.盒子 值复制的规则如下: 如果为外边距指定了3个值,则第4个值(即左外边距)会从第2个 值(右外边距)复制得到。 如果给定了2个值,第4个值会从第2个值复制得到,第3个值(下外 边距)会从第1个值(上外边距)复制得到。 如果只给定一个值,那么其他3个外边距都由这个值(上外边距) 复制得到。 11 1.1元素盒子
2 1.盒子 1.1元素盒子 口值复制的规则如下 利用这个简单的机制,只需指定必要的值,而不必全部都应用4个 值。例如 h{ margin.025em1em0.5em}等价于025em1em0.5em1em h2 margin 0. 5em lem, 1 等价于05em1em0.5em1em p margin: 1px;] 等价于1x1px1px1px 河南中医学院/阮晓龙713938213680/http://web.51xueweb.cn
河南中医学院 / 阮晓龙 / 13938213680 / http://web.51xueweb.cn 1.盒子 值复制的规则如下: 利用这个简单的机制,只需指定必要的值,而不必全部都应用4个 值。例如: 12 1.1元素盒子
13 1.盒子 1.1元素盒子 口单边外边距属性 使用单边外边距属性可以为元素单边上的外边距设置值。例如把p 元素的左外边距设置为20x。 p margin-left: 20px:] 河南中医学院/阮晓龙713938213680/http://web.51xueweb.cn
河南中医学院 / 阮晓龙 / 13938213680 / http://web.51xueweb.cn 1.盒子 单边外边距属性 使用单边外边距属性可以为元素单边上的外边距设置值。例如把p 元素的左外边距设置为20px。 13 1.1元素盒子
1.盒子 1.1元素盒子 口外边距合并 外边距合并指的是,当两个垂直外边距相遇时,它们将形成一个外 边距。合并后的外边距的高度等于两个发生合并的外边距的高度中 的较大者。 河南中医学院/阮晓龙713938213680/http://web.51xueweb.cn
河南中医学院 / 阮晓龙 / 13938213680 / http://web.51xueweb.cn 1.盒子 外边距合并 外边距合并指的是,当两个垂直外边距相遇时,它们将形成一个外 边距。合并后的外边距的高度等于两个发生合并的外边距的高度中 的较大者。 14 1.1元素盒子
15 1.盒子 1.1元素盒子 口外边距合并 当一个元素出现在另一个元素上面时,第一个元素的下外边距与第 个元素的上外边距会发生合并。 合并之前 合并之后 内容区域 margin-bottom: 20px margin-bottom: 20px 边距合并 margin-top: 10p 形成一个外边距 内容区域 内容区域 河南中医学院/阮晓龙713938213680/http://web.51xueweb.cn
河南中医学院 / 阮晓龙 / 13938213680 / http://web.51xueweb.cn 1.盒子 外边距合并 当一个元素出现在另一个元素上面时,第一个元素的下外边距与第 二个元素的上外边距会发生合并。 15 1.1元素盒子