HTML教程 div和span的区别

2025-07-27 12:14:27

1、新建一个 DivSpan.html 文件，如图所示

2、输入 <!DOCTYPE html> 作用：代表使用html5的标准，如图所示：

3、输入网页结构的头部和主体，并且设置标题为：div和span的区别，如图所示：

4、输入 div 和 span 标签，分别包含一些文字内容，如图所示：

5、使用 CSS 层叠样式给 div 和 span 标签添加背景颜色，以此区分他们的区别，如图所示：

6、运行网页，可以看到 div 是块元素，占整行，span 是行元素，内容多大，它就是多大，如图所示：

声明：本网站引用、摘录或转载内容仅供网站访问者交流或参考，不代表本站立场，如存在版权或非法内容，请联系站长删除，联系邮箱：site.kefu@qq.com。