css之盒子模型详解篇

盒子模型的组成

盒子边框border

边框样式border-style

边框的合并：

边框对盒子的影响：

内边距

重点：

外边距

典型应用：

相邻块元素垂直外边距的合并

嵌套块元素垂直外边距的合并

清除内外边距：

圆角边框：

盒子阴影：

文字阴影：

浮动

传统网页布局的三种方式：标准流、浮动、定位

标准流

为什么需要浮动：

语法：

浮动的特性：

浮动元素的使用

常见网页布局

浮动布局注意点：

清除浮动

为什么清除浮动

清除浮动的本质

清除浮动的四种方式

额外标签法

父级添加overflow

：after伪元素法

双伪元素清除浮动

总结

定位

为什么需要定位

定位的组成

定位方式加偏移量

静态定位

相对定位relative

绝对定位absolute

子绝父相

固定定位fix

粘性定位sticky

定位总结

定位叠放次序z-index

绝对定位盒子居中方法

绝对定位的特殊性

定位拓展

网页布局总结

元素的显示与隐藏

display属性

visility属性

overflow属性