web前端面试题♀?♀1. CSS 盒子模型，绝对定位和相对定位2. 清除浮动，什么时候需要清除浮动，清除浮动都有哪些方法浮动float最开始出现的意义是为了让文字环绕图片而已，后来用于让三个块级元素并排展示，这时候就出现了浮动 不过，由于float会导致浮动元素的父元素高度坍塌，所以，这时候就要去清除浮动如果我们给上面的三个绿颜色的方块设置display:inline-block也能达到让它们并排显示的效果。并且父元素的高度也不会塌陷。只不过无法控制是居左还是居右，display:inline-block只能从左往右。清除浮动的方法：(1) 在浮动元素最后增加一个冗余元素为其设置 clear:both(2) 给父元素增加 clearfix<div class="box clearfix"> <div class="div"></div></div>.clearfix:after{ content: ''; display: table; clear: both;}(3) 给父元素增加：overflow:hidden;zoom:1;给父元素增加 overflow: hidden; 可以清除浮动的原理：增加后，父元素会形成一个块级格式化上下文，即BFC，overflow: hidden本意是将父元素中溢出的内容裁切掉，而BFC中，在计算父元素真实高度时候，也把float元素的高度算入其中，所以在计算裁切的同时，顺带达成了清除浮动的目的3. 如何保持浮层水平垂直居中4. position 和 display 的取值和各自的意思和用法5. 样式的层级关系，选择器优先级，样式冲突，以及抽离样式模块怎么写，说出思路，有无实践经验6. css3动画效果属性，canvas、svg的区别，CSS3中新增伪类举例7. px和em和rem的区别，CSS中link 和@import的区别是?
