- 单位问题:
- 种类
- em:与rem不同的是,参照物是当前对象文本的字体大小。
- 一般建议在
line-height
使用 em。因为在需要调整字体大小的时候,只需修改font-size
的值,而line-height
已经设置成了相对行高了。 - 存在首行缩进的情况,也需要使用这个单位。text-indent: 2em
- 一般建议在
- 视口宽度vw,vh:我们知道以 rem 单位设计的弹性布局,是需要在头部加载一段脚本来进行监听分辨率的变化来动态改变根元素字体大小,使得 CSS 与 JS 耦合了在一起。
- em:与rem不同的是,参照物是当前对象文本的字体大小。
- 种类
- 建议使用padding代替margin。因为同一方向上的margin值会合并。
- BFC(Block Formatting Contexts):块级格式上下文。隔离的渲染区域,里面的元素不会影响外面,外面的元素不会影响里面。常用的触发BFC的情况有如下几种:
- float不为none。
- overflow的值不为visible。
- position的值不为relative和static
- dispaly的值为inline-block(比较不常用的有table-caption,table-cell)