CSS选择器优先级？
答：！importance>内联style>id选择器>类选择器>标签选择器。
水平居中
块元素： 定宽，一定要有宽度
.center{
width:200;
margin:0 auto;
}
不定宽：
.center{
display:table;
margin:0 auto;
}
设置flex布局：
.center{
display:flex;
justify-content:center
}
css中link和@import的区别？
答：link属于html标签，@import是css提供的。link在页面加载时会同时加载，@import等页面加载完后才会加载。 link无兼容问题，@import只在ie5上才能识别。
清除浮动的方法？
答：clear：both；为父元素添加overflow：hidden；添加伪元素afer 例.clear :afer{};
display:none和visibility：hidden区别？
答：都是隐藏元素，前者文档布局不会给它分配空间，后者还会保留原来的空间
css布局
答：flex跟gird。
对盒模型的了解？
答：有标准盒模型和ie盒模型。标准盒模型的width=content，ie盒模型的width=content+padding+border。
左边定宽，右边自适应？
答.left{float:left} .right{overflow-hidden}
.left{float:left} .right{margin-left:100px}
.left{width:100px} .right{flex:1}
圣杯模型，双飞翼模型？
margin负值？
对BFC的理解？
长度单位？
如何让css只在当前组件起作用
答：在组件的style加上scoped。
重绘回流的理解？
答：回流必定引起重绘，重绘不一定引起回流。例：元素样式改变但不影响页面布局叫重绘；当渲染树因元素尺寸、布局改变需重新构建，叫做回流。每个页面加载时候至少一次，v-show v-if都会导致回流，因为都对dom做出了改变。
如何实现浏览器多个标签页之间的通信？
答：调用localStorage，调用localStorage.setItem,localStorage.getItem.
行内元素跟块级元素？
答：行内：a、b、span、img、input、strong。不可以设置宽高。 块元素：div、ul、ol、li、dt、dd。可以设置宽高。 空元素：br、hr、img、input、link、meta。
CSS3新特性？
答：Animation 通过animation属性指定@keyframe来完成关键帧动画。
实现一个0.5px的直线，为什么不直接设置为0.5px
答：transform: scaleY(0.5);因为一些浏览器。。。。
flex的属性？你对flex布局的理解
定位的几种方式和区别
答position: static; 默认值。正常的的布局行为，即元素在文档常规流中的当前布局位置。此时top，right，bottom，left和z-index属性无效。
position: relative; 相对定位，相对正常位置进行定位（元素放置在未添加定位时的位置），在不改变页面布局的前提下调整元素。对table-group, table-row,table-column, table-cell, table-caption 元素无效。
position: absolute; 绝对定位，元素会被移除正常文档流，并不为元素预留空间，通过指定元素相对于最近的非 static 定位祖先元素的偏移。
position: fixed; 固定定位，元素会被移除正常文档流，并不为元素预留空间，而是通过指定元素相对于屏幕视口的位置来指定元素。元素的位置在屏幕滚动时不会改变。
position: sticky; 粘性定位，元素根据正常文档流进行定位，然后相对它的最近滚动祖先和最近块级祖先，基于top，right，bottom和 left 的值进行偏移。偏移值不会影响任何其他的元素。
Less预处理器
答
