web 前端 面试都会问什么？

rem 和 em的区别？

em相对于父元素，rem相对于根元素

清除浮动

利用clear属性进行清理

优先级

!important > 行内样式（比重1000） > id（比重100） > class/属性（比重10） > tag / 伪类（比重1）

知道语义化吗？说说你理解的语义化，如果是你，平时会怎么做来保证语义化？

像html5的新的标签header,footer,section等就是语义化

一方面，语义化就是让计算机能够快读的读懂内容，高效的处理信息，可以对搜索引擎更友好

另一方面，便于与他人的协作，他人通过读代码就可以理解你网页标签的意义

实现三个DIV等分排在一行（考察border-box)

1.设置border-box width 33.33%

2.flexbox flex:1

position的值， relative和absolute分别是相对于谁进行定位的？

relative:相对定位，相对于自己本身在正常文档流中的位置进行定位。

absolute:生成绝对定位，相对于最近一级定位不为static的父元素进行定位。

fixed: （老版本IE不支持）生成绝对定位，相对于浏览器窗口或者frame进行定位。

static:默认值，没有定位，元素出现在正常的文档流中。

sticky:生成粘性定位的元素，容器的位置根据正常文档流计算得出。