什么是div

作用：一般用于配合css完成网页的布局

什么是span

作用：一般用于配合css修改局部的信息

div和span的区别

div是块级元素会独占一行（容器级标签）

span是行内元素不会独占一行（文本级标签）

容器级标签可以窃套其他标签

文本级标签之能窃套文字/超链接/图片

容器级标签：div   ul  li   h ....

文本级标签： span  p  a ....

css元素显示模式

在HTML中，HTML将所有的标签分为两类，分别是容器级和文本级

在CSS中CSS也将标签分为三类，分别是行内元素、块级元素和行内块级元素

1、块级元素：div / h / p /ul

会独占一行、可以设置宽高/  如果没有设置宽度，默认和父元素一样宽

2、行内元素：span / a

不会独占一行、不可以设置宽高/ 如果没有设置宽度，默认和内容一样宽

3、行内块级元素：img/

不会独占一行、可以设置宽高

css元素显示模式转换

格式：     display：；

取值：     block   块级元素

                inline   行内元素

                inline-block  行内块级元素