CSS面试题阅读指南(必看)

大家好,我是帅地。

为了方便大家复习,这些面试题的展示采取了右边面试题目,左边答案的方式,方便大家按需查看。

由于手机端不支持这种展示方式,当然,为了手机方便阅读,下面会贴出所有面试题答案链接,不过大家最好在 PC 电脑端阅读哈,相关面试题还会持续更新,尽量补充完善起来,建议收藏帅地的网站哦。

面试题链接汇总

1. 简述CSS3选择器优先级及计算?

2. 详细说明CSS3新特性 ?

3. Padding和Margin有什么区别?

4. CSS引入的方式有哪些? link和@import的区别是?

5. 简述CSS选择符有哪些?

6. CSS居中(包括水平居中和垂直居中)的方案有哪些 ?

7. 解释CSS的盒子模型?

8. CSS 选择符有哪些?哪些属性可以继承?

9. 请阐述CSS3新增伪类举例?

10. 为什么要初始化CSS样式?

11. 使用 CSS 预处理器的优缺点有哪些?

12. 你用过媒体查询,或针对移动端的布局/CSS吗?

13. 简述写高效CSS时会有哪些问题需要考虑?

14. 解释下浏览器是如何判断元素是否匹配某个CSS选择器?

15. CSS浮动元素引起的问题和解决方法是什么?

16. 解释一下 CSS Sprite,以及如何在页面或网站中使用它 ?

17. 简要描述CSS中 content属性的作用 ?

18. 简述你对IFC规范的理解?

19. 简述GFC规范的理解 ?

20. 简述对FFC规范的理解?

21. 简述CSS什么是外边距重叠?重叠的结果是什么?

22. 简述CSS中,自适应的单位都有哪些?

23. 简述rem和em的区别 ?

24. 解释first-child与first-of-type的区别是什么?

25. 简述content-box盒模型 ?

26. 简述padding-box盒模型 ?

27. 简述Animation属性值有哪些?

28. CSS如何把一个元素旋转30°?

29. 简述CSS盒阴影的原理 ?

30. 简述CSS3中 transition属性值及含义 ?

31. 简述CSS中background-clip和 background- origin的区别?

32. CSS如何实现文本换行?

33. 简述CSS如何实现超出隐藏省略?

34. 简述CSS3实现动画的方式 ?

35. 简述CSS实现自适应正方形、等宽高比矩形 ?

36. 简述CSS实现两栏布局的方式 ?

37. 简述什么是Grid布局?

38. 简述元素⽔平垂直居中的方法有哪些?如果元素不定宽高呢?

39. 简述如何实现单行/多行文本溢出的省略样式 ?

40. 简述深入理解设备像素、CSS像素、设备独立像素、 DPR、PPI之间的区别与适配⽅案 ?

41. 简述如何使用Animation 实现自定义动画 ?

42. 简述transform、translate、transition 分别是什么属性?CSS 中常 用的实现动画方式 ?

发表评论

后才能评论