css
1.说一下css盒子模型
首先在html页面中中所有的元素可以看作一个盒子
盒子的组成是有:内容(content),内边距(padding),边框(border),外边距(margin)
盒模型的类型:
标准模型:(就是上面说的盒子组成)
内容(content),内边距(padding),边框(border),外边距(margin)
IE盒模型:
margin+content(border+padding)
2.css有那些选择器和优先级
选择器
id选择器
类型选择器
属性选择器
伪类选择器
标签选择器
相邻选择器
子选择器
后代选择器
通配符选择器
优先级
!important
内联样式(1000)
ID选择器(0100)
类选择/属性选择器/伪类选择器(0010)
元素选择器/伪元素选择器(0001)
关系选择器/通配符选择器(0000)
带!important标记的样式属性优先级最高;样式表的来源相同时;!important>行内样式>ID选择器>类选择器>标签选择器>通配符>继承>浏览器默认属性
3.隐藏元素的方法
display:none
opacity:0
visibility:hidden
position:absolute
clip-path
4.重绘和重排有什么区别
重排/回流(reflow):当DOM的变化影响到元素的几何信息,浏览器需要重新计算元素的集合属性,将其安防在界面的正确位置,这个过程叫重排。
重绘(repaint):当一个元素的外观发生变化,单没有改变布局,重新把元素外观绘制出来的过程,叫做重绘。
重排和重绘的代价时高昂,回影响用户体验,让ui变得迟缓。重排的性能影响更大,在两者都无法避免的情况下,一般选择代价更小的重绘。重绘不一定回重新重排,重排必然会出现重绘
5.让一个元素水平居中的方式有哪些
定位加margin/定位加tranform/flex/gird/table
6.css哪些属性可以继承,哪些不可以继承
css的三大特性,继承、层叠、优先级
继承是指:子元素可以继承父元素的样式
可继承性:字体一些属性例如font、文本的一些属性例如line-height、元素可见性的属性visibility:hidden、表格布局的属性border-spacing、列表的属性list-style、页面样式属性page、声音的样式属性等
7.有没有用过预处理器
预处理语言增加了变量、函数、混入等强大的功能
用过的预处理器:sass、less