css面试五大题

83 阅读1分钟

如何实现垂直居中?

块级格式上下文

image.png 其中最常用的,什么情况下会让元素变成BFC?

image.png

CSS选择器优先级怎么确定?

1,选择器越具体,其优先级越高 比如:id高于class

2,相同优先级,出现在后面的覆盖前面的

3,属性后面加!important的优先级最高,但是要少用

如何清除浮动?

方法一:给父元素加上.clearfix

image.png

方法二:给父元素加上overflow:hidde

实际工作中我们不用清除浮动,我们所有的定位都使用flex布局

两种盒模型(box-sizing)的区别:

第一种盒模型是content-box,即width指定的是content区域宽度,而不是实际宽度,公式为:实际宽度= 内容宽度(width)+内边距(padding)+内容(border)

第二种盒模型是:boeder-box,即width指定的是左右边框外侧的距离,公式为:实际宽度 = width

两者都是用来指定宽度的,其中border-box更好用