CSS的三种定位，架构师必备技能

前言

最近在准备面试，然后复习下之前写过的项目，书籍，笔记，文章。一看很多知识点都没有印象，最可拍的是连自己为了防止忘记写的文章竟然都感觉不是自己写的。有些开始怀疑人生了。

好了，废话少说，离金三银四求职高峰期没多久了，我把我收集到的资料分享给大家。也祝到家有个好工作。(本文资料 适合0-2年)

从入门到精通，包含了腾讯、字节跳动、小米、阿里、滴滴、美团、58、拼多多、360、新浪、搜狐等一线互联网公司面试被问到的题目，涵盖了初中级前端技术点。

文章中所列主要为大纲部分，详细内容可以在文末自行获取哈！

如果你熟练掌握本文中列出的知识点，相信将会大大增加你通过前两轮技术面试的几率！这些内容都供大家参考，互相学习。

标准文档流

文档流：指的是元素排版布局过程中，元素会默认自动从左往右，从上往下的流式排列方式。并最终窗体自上而下分成一行行，并在每行中从左至右的顺序排放元素。

标准流的微观现象：

• 空白折叠现象：
  在 html 文件输入文本，多个空格会被合并成一个空格显示到浏览器页面中。这种现象称为空白折叠现象。

• 高矮不齐，底边对齐：
  文字还有图片大小不一，都会让我们页面的元素出现高矮不齐的现象，但是在浏览器查看我们的页面总会发现底边对齐；

• 自动换行，一行写不完时，换行写：
  如果在一行内写文字过多，超过界面，那么浏览器会自动换行去显示我们的文字。

标准文档流等级

分为两种等级：块级元素和行内元素；

块级元素：

• 霸占一行，不能与其他任何元素并列
• 能接受宽、高
• 如果不设置宽度，那么宽度将默认变为父亲的100%，即和父亲一样宽

行内元素：

• 与其他元素并排
• 不能设置宽、高。默认的宽度就是文字的宽度

在HTML中，标签分为：文本级和容器级；
文本级：p、span、a、b、i、u、em
容器级：div、h系列、li、dt、dd

CSS的分类和上面的很像，就p不一样：所有的文本级标签，都是行内元素，除了p，p是个文本级，但是是个块级元素。所有的容器级标签都是块级元素。

最后

本人分享一下这次字节跳动、美团、头条等大厂的面试真题涉及到的知识点，以及我个人的学习方法、学习路线等，当然也整理了一些学习文档资料出来是附赠给大家的。知识点涉及比较全面，包括但不限于前端基础，HTML，CSS，JavaScript，Vue，ES6，HTTP，浏览器，算法等等

详细大厂面试题答案、学习笔记、学习视频等资料领取，点击资料领取直通车免费领取！

前端视频资料：
领取！

[外链图片转存中…(img-VYfzif1x-1623151073531)]

前端视频资料：

标签：知识点,浏览器,本级,必备,元素,资料,架构师,CSS
来源： https://blog.csdn.net/m0_57081140/article/details/117714170