此文是 flex 学习的回忆与补充， 源码地址 BFC 和 FFC 是什么 css 布局的各种 FC 简单介绍：BFC，IFC，GFC，FFC 一文中详细的讲解了 BFC 和 FFC 的概念与区别，总结起来为以下几点 ，格式化上下文，渲染区域的渲染规则会决定子元素的排列 ，块级格式化上下文，1、内部的 box 垂直方向紧挨着；2、内部两个相邻的 box margin 会重叠，3、BFC 不会和 f…

em 是什么 em 是相对单位， 在 font-size 中使用 em， 代表相对父元素字体大小， 在其他属性中使用 em， 意味着相对当前选择器字体大小 em 的题 问：s1 s1 s5 s6 的 font-size 各是多少？答案在底部 rem 是什么 rem 作为非根元素时， 相对于根元素大小 rem 的本质是基于宽度的等比缩放， 一般使用 js 来设置 弹性布局与响应式布局 弹性布局是响应…

如果对 z-index（层叠样式表）是什么还不太自信，可以看 MDN 使用 z-index 常见的问题 为什么我设置了 z-index:9999，或者 z-index:-9999，但是没生效 设置了定位属性，也设置 float 属性，怎么 z-index 就出问题了 z-index:0,z-index:1,z-index auto 有什么区别 定义一些概念 定位元素：设置了 position：re…

animation 与 transition 的区别 作为移动端开发，css3 动画是基本功之一，在工作中难免遇到动画相关，那就必须先得搞懂 animation 和 transition 的区别 animation 的属性 animation-name keyframe 的名称 animation-duration 完成 keyframe 的花时间 单位是秒 animation-timing-fu…