盒子模型的组成
盒子边框border
边框样式border-style
边框的合并:
边框对盒子的影响:
内边距
重点:
外边距
典型应用:
相邻块元素垂直外边距的合并
嵌套块元素垂直外边距的合并
清除内外边距:
圆角边框:
盒子阴影:
文字阴影:
浮动
传统网页布局的三种方式:标准流、浮动、定位
标准流
为什么需要浮动:
语法:
浮动的特性:
浮动元素的使用
常见网页布局
浮动布局注意点:
清除浮动
为什么清除浮动
清除浮动的本质
清除浮动的四种方式
额外标签法
父级添加overflow
:after伪元素法
双伪元素清除浮动
总结
定位
为什么需要定位
定位的组成
定位方式加偏移量
静态定位
相对定位relative
绝对定位absolute
子绝父相
固定定位fix
粘性定位sticky
定位总结
定位叠放次序z-index
绝对定位盒子居中方法
绝对定位的特殊性
定位拓展
网页布局总结
元素的显示与隐藏
display属性
visility属性
overflow属性