前端面试css篇

前端面试题css篇

1.两种盒模型分别说一下。
2.如何垂直居中？
3.Flex 怎么用，常用属性有哪些？
4.Grid布局用过吗？
5.BFC 是什么？
6.CSS 选择器优先级
7.CSS 中 class 和 ID 的区别
8.CSS reset 和 CSS normalize是什么？
9.浮动 (Floats)元素有哪些特性？
10.清除浮动说一下
11.z-index和叠加上下文是如何形成的？在同一个层叠上下文中才能比较z-index的大小。
12.CSS sprites是什么
13.字体图标和svg图标用过吗
14.你日常工作是如何处理浏览器兼容的？
15.如何为有功能限制的浏览器提供网页？
16.渐进增强，优雅降级是什么？
17.有哪些的隐藏内容的方法？
18.栅格系统是什么
19.你用过媒体查询吗？
20.如何优化网页的打印样式？如果设计中使用了非标准的字体，你该如何去实现？
21.浏览器是如何判断元素是否匹配某个 CSS 选择器？
22.伪元素 (pseudo-elements) 有什么用？
23.列出你所知道的 display 属性的全部值
24.inline 和 inline-block 的区别
25.relative、fixed、absolute 和 static 元素的区别？
26.响应式设计 (responsive design) 和自适应设计 (adaptive design) 不同？
27.为什么提倡使用 translate() 而非 不是 absolute？
28.如果实现一个高性能的CSS动画效果？
29.圣杯布局，双飞翼布局了解吗