前端面试常见测试知识点---js1.CSS3的新特性有哪些我查了一下CSS3选择器。CSS3borderandroundedcornersCSS3roundedcornersborder-radius:attributevalue由两个参数值组成：value1/value2，用/隔开，value1代表圆角的水平半径，value2代表圆角的垂直半径box-shadow:syntax:box-shadow:horizo??ntaldeviationOffsetintheverticaldirectionFuzzydegreeExpansiondegree颜色是否有内阴影CSS3背景和渐变重要的：background-image语法：backgroundimage:url('1.jpg),url('2.jpg')background-origin定义：设置背景图片的原始起始位置语法：background-origin:border-box/padding-box/content-box（背景图片坐标原点与这些有关3)background-repeat定义：设置是否以及如何重复背景图片，默认情况下背景图片水平和垂直重复。background-size定义：指定背景图片的大小语法：background-size:number/%/cover/contain太多了，我休息一下写CSS3transitionCSS3transformationCSS3animation2.flex这个很简单容易一方面是父容器中有几个属性，另一方面是子元素的属性parent：*flex-direction子元素排列方向*flex-wrap如果一个轴不能排列，如何换行*flex-flowflex-direction属性和flex-wrap属性的简写形式*justify-content在主轴上对齐*align-items如何在交叉轴上对齐*align-content多轴对齐：*order*flex-grow*flex-shrink*flex-basis*flex*align-self3。BFC盒模型和BFC内部的盒会在垂直方向将每个元素的margin盒的左侧一一放置，触及containingblockborderbox的左侧（为了向右做Formatting，否则相反）框的垂直距离由margin决定，属于同一个bfc的两个相邻框的margin会重叠。bfc区域不会与浮动区域重叠。bfc是一个页面上的独立容器，外层元素不会影响bfc内的元素，反过来内层也不会影响外层元素。在计算bfc高度时，浮动元素也会参与计算。如何创建bfcfloat属性不为none（超出文档流）position为absolute或fixeddisplay为inline-block、table-cell、table-caption、flex、inine-flexoverflow不可见根元素应用场景自适应双列布局清除内部浮动防止verticalMargin重叠为什么overflow:hidden可以消除margin合并？我们首先要弄清楚为什么这些元素（包括兄弟元素、父子元素等）之间会发生marginmerge，因为它们属于同一个BFC。那么，只要它们不属于同一个BFC，我们就知道该怎么做了？BFC是通过overflow:hidden创建的。为什么overflow:hidden可以清除浮动的效果？当您将“overflow:hidden”设置为.parent时，您实际上创建了一个超级属性BFC，它又决定了“height:auto”的计算方式。《BFC布局规则》中提到：计算BFC高度时，浮动元素也参与计算。所以父元素在计算自己的高度时，加上浮动元素的高度，“顺便”达到了清除浮动的目的，所以父元素包裹了子元素。whyoverflow:hidden...link,import,requireimport和require的区别require是运行时调用，所以require理论上可以在代码的任何地方使用import是编译时调用，所以必须放在开头文件链接和importasa页面加载时（即浏览者浏览时），链接引用的CSS会同时加载，@import引用的CSS会等到页面在加载前已完全下载。所以有时候在浏览通过@import加载CSS的页面时会出现没有样式（也就是闪烁）的情况，在网速较慢的情况下比较明显。
