div和span标签

什么是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  行内块级元素

你可能感兴趣的:(div和span标签)