Div和span标签/CSS元素的显示形式

div

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

Span

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

区别：

1.div会单独占一行，span不会单独占领一行

2.div是一个容器级的标签，span是一个文本级的标签

容器级标签和文本级标签的区别

容器级标签可以嵌套其它所有的标签，而文本级的标签只能嵌套文字/超链接/图片

容器级标签：div h ul ol dl li dt dd ·····

文本级标签：span p buis strong em ins del ····

注：在开发中一般情况下要嵌套都是嵌套在div中，或者按照组标签来嵌套

css将所有标签分为两类：块级元素和行内元素；块级元素会独占一行，行内元素不会独占一行

块级元素：div h ul ol dl li dt dd ······（容器级标签）

行内元素：span  buis strong em ins del ······（文本级标签没有p标签）

区别：

1.块级元素

（1）会独占一行

（2）如果没有设置宽度，会和父元素一样宽；如果设置宽高就按照设置的显示

2.行内元素

（1）不会独占一行                   

（2）如果没有设置宽度，那么默认和内容一样宽；行内元素不能设置宽高

行内块级元素

既能够不独占一行，又能设置宽度和高度

如何转换css元素的显示模式：设置元素的display属性

display取值：

block  块级

inline  行内

inline-block  行内块级

快捷键：

di：display: inline;

db：display: block;

dib：display: inline-block;