============================================================================
- 空白折叠现象。
// 比如，如果我们想让img标签之间没有空隙，必须紧密连接.
-
高矮不齐，底边对齐
-
自动换行，一行写不完时，换行写
========================================================================
分为两种等级：块级元素和行内元素；
块级元素：
1).霸占一行，不能与其他任何元素并列
2).能接受宽、高
3).如果不设置宽度，那么宽度将默认变为父亲的100%，即和父亲一样宽
行内元素：
1).与其他元素并排
2).不能设置宽、高。默认的宽度就是文字的宽度
在HTML中，标签分为：文本级和容器级；
文本级：p、span、a、b、i、u、em
容器级：div、h系列、li、dt、dd
温馨小提示：
(1).容器级的标签，里面可以放置任何东西；文本级的标签里面，只能放置文字、图片、表单元素。
(2).p标签是一个文本级标签。p里面只能放文字、图片、表单元素。其他的一律不能放。
(3).定义列表是一个组标签，不过比较复杂，出现了三个标签：
dl表示definition list 定义列表
dt表示definition title 定义标题
dd表示definition description 定义表述词儿
dt、dd只能在dl里面；dl里面只能有dt、dd
- 你好
- 这里是撒哈拉沙漠
- 别想
- 你走不出这里的
- 除非
- 跪下来喊爸爸，我带你
表达的语义是两层：
-
是一个列表，列出了你好、别想、除非三个词
-
每一个词儿都有自己的描述项。
dd是描述dt的。
延伸外之后，开始说正事儿
css的分类和HTML的分类很像，就p不一样
所有的文本级标签都是行内元素，除了p；
p是个文本级，但是是个块级元素；
所有的容器级标签都是块级元素
我们用图表示一下：
===============================================================================
块级元素可以设置为行内元素；
行内元素也可以设置为块级元素。
举个例子：
div {
display: inline;
background-color: pink;
width: 400px;
height: 400px;
}
display是显示模式，用来改变元素的行内、块级性质
最后
其实前端开发的知识点就那么多，面试问来问去还是那么点东西。所以面试没有其他的诀窍，只看你对这些知识点准备的充分程度。so，出去面试时先看看自己复习到了哪个阶段就好。
这里再分享一个复习的路线：（以下体系的复习资料是我从各路大佬收集整理好的）
《前端开发四大模块核心知识笔记》
最后，说个题外话，我在一线互联网企业工作十余年里，指导过不少同行后辈。帮助很多人得到了学习和成长。
我意识到有很多经验和知识值得分享给大家，也可以通过我们的能力和经验解答大家在IT学习中的很多困惑，所以在工作繁忙的情况下还是坚持各种整理和分享。 开源分享：docs.qq.com/doc/DSmRnRG…
