块元素:垂直方向布局
若子元素高度>父元素高度----->溢出
管理溢出使用:overflow 属性---->属性值:normal hidden scroll
功能分别是: 正常溢出显示----溢出部分隐藏----给子元素加滚动条----
外边距的折叠(折叠条件:相邻元素 都是外边距)
兄弟元素:相邻的外边距会重叠 重叠部分取最大的那个外边距
A的margin-bootm:300 和 B的margin-top:200 间隔为300
若一正一负:相加 若俩负:选绝对值大的
父子元素:父子元素有相邻外边距, 子元素的外边距会传给父元素
目前所学两种方式(会影响父元素布局): 1.用padding 2.父元素设置边界(让外边距不相邻)
行内元素的盒模型
垂直方向上的行内元素设置的padding,margin,border并不会影响页面布局
不会推开其他元素(最多只会遮盖其他元素)
元素的隐藏
1.显示类型----dipaly:none 将元素彻底隐藏 不占位
2.显示状态----visibility:hidden 将元素隐藏 且占位
默认样式: body p ul 用通配符设置 margin为0
一般link->重置样式<- 表来设置消除默认外边距
normalize.css 对默认样式进行统一
reset.css 直接清除默认样式