2024年前端最全前端基础：100道CSS面试题总结(1)，2024年最新记得把每一次面试当做经验积累

结尾

正式学习前端大概 3 年多了，很早就想整理这个书单了，因为常常会有朋友问，前端该如何学习，学习前端该看哪些书，我就讲讲我学习的道路中看的一些书，虽然整理的书不多，但是每一本都是那种看一本就秒不绝口的感觉。

以下大部分是我看过的，或者说身边的人推荐的书籍，每一本我都有些相关的推荐语，如果你有看到更好的书欢迎推荐呀。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

22. width:auto 和 width:100%的区别

23. 绝对定位元素与非绝对定位元素的百分比计算的区别

24. 简单介绍使用图片 base64 编码的优点和缺点。

25. ‘dsplay’、'position’和’float’的相互关系？

26. margin 重叠问题的理解。

27. 对 BFC 规范（块级格式化上下文：block formatting context）的理解？

28. IFC 是什么？

29. 请解释一下为什么需要清除浮动？清除浮动的方式

30. 使用 clear 属性清除浮动的原理？

31. zoom:1 的清除浮动原理?

32. 移动端的布局用过媒体查询吗？

33. 使用 CSS 预处理器吗？喜欢哪个？

34. CSS 优化、提高性能的方法有哪些？

35. 浏览器是怎样解析 CSS 选择器的？

36. 在网页中应该使用奇数还是偶数的字体？为什么呢？

37. margin 和 padding 分别适合什么场景使用？

38. 抽离样式模块怎么写，说出思路，有无实践经验？

39. 简单说一下 css3 的 all 属性。

40. 为什么不建议使用统配符初始化 css 样式。

41. absolute 的 containingblock（包含块）计算方式跟正常流有什么不同？

42. 对于 hasLayout 的理解？

43. 元素竖向的百分比设定是相对于容器的高度吗？

44. 全屏滚动的原理是什么？用到了 CSS 的哪些属性？

45. 什么是响应式设计？响应式设计的基本原理是什么？如何兼容低版本的 IE？

46. 视差滚动效果，如何给每页做不同的动画？

47. 如何修改 chrome 记住密码后自动填充表单的黄色背景？

48. 怎么让 Chrome 支持小于 12px 的文字？

49. 让页面里的字体变清晰，变细用 CSS 怎么做？

50. font-style 属性中 italic 和 oblique 的区别？

51. 设备像素、css 像素、设备独立像素、dpr、ppi 之间的区别？

52. layout viewport、visual viewport 和 ideal viewport 的区别？

53. position:fixed; 在 android 下无效怎么处理？

54. 如果需要手动写动画，你认为最小时间间隔是多久，为什么？

55. 如何让去除 inline-block 元素间间距？

56. 有一个高度自适应的 div，里面有两个 div，一个高度 100px，希望另一个填满剩下的高度。

57. png、jpg、gif 这些图片格式解释一下，分别什么时候用。有没有了解过webp？

58. 浏览器如何判断是否支持 webp 格式图片

59. 什么是 Cookie 隔离？

60. style 标签写在 body 后与 body 前有什么区别？

61. 什么是 CSS 预处理器/后处理器？

62. 阐述一下 CSSSprites

63. 使用 rem 布局的优缺点？

64. 画一条 0.5px 的线

65. transition 和 animation 的区别

66. 什么是首选最小宽度？

67. 为什么 height:100%会无效？

68. min-width/max-width 和 min-height/max-height 属性间的覆盖规则？

69. 内联盒模型基本概念

70. 什么是替换元素？

71. 替换元素的计算规则？

72. content 与替换元素的关系？

73. margin:auto 的填充规则？

74. margin 无效的情形

75. border 的特殊性？

76. 什么是基线和 x-height？

77. line-height 的特殊性？

78. vertical-align 的特殊性？

79. overflow 的特殊性？

80. 无依赖绝对定位是什么？

81. absolute 与 overflow 的关系？

82. clip 裁剪是什么？

83. relative 的特殊性？

84. 什么是层叠上下文？

85. 什么是层叠水平？

86. 元素的层叠顺序？

87. 层叠准则？

结尾

正式学习前端大概 3 年多了，很早就想整理这个书单了，因为常常会有朋友问，前端该如何学习，学习前端该看哪些书，我就讲讲我学习的道路中看的一些书，虽然整理的书不多，但是每一本都是那种看一本就秒不绝口的感觉。

以下大部分是我看过的，或者说身边的人推荐的书籍，每一本我都有些相关的推荐语，如果你有看到更好的书欢迎推荐呀。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

关的推荐语，如果你有看到更好的书欢迎推荐呀。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

[外链图片转存中…(img-4jDpT2Gr-1715525781687)]