【CSS】CSS面试题总结

「爱情、让人受尽委屈。」 2022-10-11 13:48 243阅读 0赞

# 1. 前言 #

首先非常感谢慕课网双越老师对前端面试课程的细致讲解，本次学习完 CSS 章节面试题后，收获非常多技术细节上的问题，故做此总结，并在老师讲解的基础上进行适当补充和扩展，后续会持续更新关于该课程前端面试题的经典问题讲解，如果你刚好也需要，那就跟我一起学习吧！

我会把每个题目单独写出来一篇博客，该篇文章整体可作为分类索引，方便你进行查找。

`还有很重要的一点！` **如果你在前端面试过程中遇到特别有意思而且常见的考题，真的非常希望你能在私信或评论中提出来，随时可以一起探讨，我会一并整理到博文中让更多人受益！感谢！**

本篇主要收录 HTML 和 CSS 相关的知识点。

# 2. 题目 #

`注：` 还没有链接可点击的，也就是博文还没更新上来，保持持续的关注，我会把每道题相关的知识点都整理出来供大家参考！

**1）HTML**

*  如何理解 HTML 语义化？
 *  [默认情况下，哪些HTML标签是块级元素，哪些的内联元素？][HTML]

**2）CSS**

*  布局
    
     *  [盒子模型宽度计算][Link 1]
     *  margin纵向重叠
     *  [margin负值会发生什么？][margin]
     *  BFC
     *  float和clearfix
     *  [flex画骰子][flex]
     *  [圣杯布局和双飞翼布局（内含完整代码）][Link 2]
 *  定位
    
     *  [absolute 和 relative 分别依据什么定位][absolute _ relative]
     *  [居中对齐的几种方式及利弊][Link 3]
 *  图文样式
    
     *  line-height 继承问题
 *  响应式
    
     *  rem 是什么
     *  如何实现响应式布局
 *  CSS3
    
     *  flex 布局

[HTML]: https://blog.csdn.net/weixin_42678675/article/details/118406972
[Link 1]: https://blog.csdn.net/weixin_42678675/article/details/118293212
[margin]: https://blog.csdn.net/weixin_42678675/article/details/118514164
[flex]: https://blog.csdn.net/weixin_42678675/article/details/118603726
[Link 2]: https://blog.csdn.net/weixin_42678675/article/details/118542011
[absolute _ relative]: https://blog.csdn.net/weixin_42678675/article/details/118567556
[Link 3]: https://blog.csdn.net/weixin_42678675/article/details/118465647