css面试题

目录

面试题

1、简述弹性盒子 flex 布局及 rem 布局？

2、important 的作用？

3、如何解决 margin“塌陷”？

4、什么是外边距重叠？重叠的结果是什么？

5、HTML5 的 input 增加哪些 type？

面试题

面试题一：

1、简述弹性盒子 flex 布局及 rem 布局？

问题解答：

rem 是 CSS3 新增的一个相对单位，相对于根节点(html)字体大小的值，r 就是 root html{font-size:10px} 则 2rem=20px 通过它就可以做到只修改根元素的大小，就能成比例地调整所有的字体大小，只依赖 html 字体的大小

适配方案步骤：

        1、首先动态计算 html 的 font-size

        2、将所有的 px 换算成 rem(计算过程请看下面代码和注释（注意：rem 的换算是根 据设计图稿的像素计算的，下面的计算只是动态计算 html 的 font-size 大小），

请看下面的注意事项：