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;
版权声明：本文为qq_48858031原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接和本声明。