前端面试题-css篇

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