1.浏览器如何解析CSS选择器？浏览器会[从右到左]解析css，这样可以更好的匹配和表现，因为在第一步中可能会过滤掉大部分数据2.css选择器有哪些，哪些属性可以继承？id选择器、类选择器、标签选择器、子选择器、兄弟选择器、邻居选择器、属性选择器、伪类选择器、全局选择器、组选择器。字体类属性如：font-size，文本系列属性如：text-algin、color等。3、为什么要初始化样式？浏览器差异，不同的浏览器对标签的默认值不同，如果不初始化，就会出现页面差异。4.display:none和visible:hidden有什么区别？display控制元素的显示。为none时，不显示，不占用网页空间；当visible被隐藏时，元素被隐藏但仍然占据空间。visible有继承5.BFC规范的理解？BFC块级格式化上下文是一个独立的布局环境，容器内的元素和容器外的元素互不干扰。创建BFC：根元素或包含根元素的元素、浮动元素、绝对定位、overflow:hidden|auto|scroll、display:inline-block|flex|inline-flex|table-cell|table-captionBFC可以解决heightcollapse、Margin崩溃等问题6、为什么要清浮，清浮的方法有哪些？因为浮动会导致高度塌陷，可以使用BFC清浮动，底部元素设置为clear:both，使用伪元素清浮动。//给父元素添加这个类，使用伪元素清除float.clearfix:after{content:"";显示：表格；/*该方法可以有效避免浏览器兼容性问题*/clear:both;}7、设置float后，元素的显示值是多少？显示：块；8。css优化提升性能的方法有哪些？对于css压缩，可以使用webpack中的MiniCssExtractPlugin插件来减少css嵌套。最好不要设置超过三层的csssprite图片，合并css文件提取常用样式。9.垂直元素相对于容器高度的百分比？子元素的height百分比是margin-top相对于父元素的height，padding-top的百分比是相对于父元素的width10.如果需要手动写动画，你觉得多长最小时间间隔是，为什么？大多数显示器的频率是60Hz，即每秒刷新60次，所以理论上1/60*1000ms=16.7ms是最好的11.元素居中方法？A。文本居中：text-align:center;b.display:flex居中,justify-content:center水平居中,align-item:center垂直居中。C。absolute+top:50%+left:50%+margin-top:负高度的一半+margin-left:负宽度的一半d.absolute+top:50%+left:50%+transform:translate(-50%,-50%);12.盒模型标准的盒模型是：content-box，意思是盒模型由margin+border+padding+content组成。诡异的盒子模型是：border-box，意思是盒子模型的内容区域包含border、padding和contentwidth，整个盒子由margin+内容区域组成
