02 CSS块级元素和行内元素

02 CSS块级元素和行内元素

划分依据：根据标签内部可以存放的元素内容不同进行划分，它与CSS样式无关。

要先了解这个 得先了解 什么是容器级别的标签和文本级？

容器级标签

什么是容器级标签？

• 内部可以存放任意内容，包括容器级标签。比如：
• p div h ul ol dl li dt dd

文本级标签

什么是文本级标签？

• 内部只能存放文字或者类似文字的内容。比如
• 存放图片、表单元素等

块级元素

什么是块级元素?

• 块级元素会独占一行
• 行内元素不会独占一行

行内元素

什么是行内元素？

• 不会独占一行
• 如果没有设置宽度, 那么默认和内容一样宽
• 行内元素是不可以设置宽度和高度的

行内块级元素

为了能够让元素既能够不独占一行, 又可以设置宽度和高度, 那么就出现了行内块级元素