1、div
用于配合CSS对网页进行布局
2、span对网页进行局部修改
3、区别div
会单独占住一行,span
不会-
div
是容器级别的标签,span
是文本级别的标签- 容器级别的标签可以嵌套其他所有的标签
- 文本的则只能嵌套文字、超链接、图片
在HTML中HTML将所有的标签分为两类, 分别是容器级和文本级
-
在CSS中CSS也将所有的标签分为两类, 分别是块级元素和行内元素
- 容器级:div h ul ol dl li 等等
- 文本级 span p buis stong em ins dei 等等
-
display
属性-
inline
行内 - inline-block 行内块级
-
block
块级
-
块级元素 p div h ul ol dl li dt dd
行内元素 span buis strong em ins del
-
块级元素和行内元素的区别?
- 块级元素
- 独占一行
- 如果没有设置宽度, 那么默认和父元素一样宽
- 如果设置了宽高, 那么就按照设置的来显示
-
行内元素
- 不会独占一行
- 如果没有设置宽度, 那么默认和内容一样宽
- 行内元素是不可以设置宽度和高度的
-
行内块级元素
- 为了能够让元素既能够不独占一行, 又可以设置宽度和高度, 那么就出现了行内块级元素