盒子 复合属性 单位

盒子补充

1.只要是盒子，在盒子内部都会有布局流，也就是流失布局
2. 在写页面布局的时候，尽量利用布局流，因为在使用布局的时候 父元素高度可以由子元素撑起来，可以避免兼容性问题
3.如何搭建盒子与盒子之间的关系

复合属性

margin padding border…
凡是在浏览器解析的时候；出现倒三角的属性，都是复合属性；

单位

绝对单位
- 单位是固定的，不可改变的
- px m cm
相对单位
- 作用：可以适应响应式布局 响应式布局是元素随着屏幕尺寸变大而变小。
- % 百分比 子元素相对父元素
- rem 所有元素相对根元素
- vw 元素相对于视图宽度
- vh 元素相对于视频高度
单位换算
1rem =16px
1vw = 1%视图窗口宽度
1vh = 1%视图窗口高度

布局之盒子布局

margin 可以为父子，负值相当于给其他元素让出位置
margin-top