02 CSS块级元素和行内元素
02 CSS块级元素和行内元素
划分依据:根据标签内部可以存放的元素内容不同进行划分,它与CSS样式无关。
要先了解这个 得先了解 什么是容器级别的标签和文本级
?
容器级标签
什么是
容器级标签
?
- 内部可以存放任意内容,包括容器级标签。比如:
- p div h ul ol dl li dt dd
文本级标签
什么是
文本级标签
?
- 内部只能存放文字或者类似文字的内容。比如
- 存放图片、表单元素等
块级元素
什么是
块级元素
?
- 块级元素会独占一行
- 行内元素不会独占一行
行内元素
什么是
行内元素
?
- 不会独占一行
- 如果没有设置宽度, 那么默认和内容一样宽
- 行内元素是不可以设置宽度和高度的
行内块级元素
为了能够让元素既能够不独占一行, 又可以设置
宽度和高度
, 那么就出现了行内块级元素