div
- div是块元素: 块级元素在浏览器显示时,通常会以新行来开始(和结束);
- 可用于组合其他 HTML 元素的容器;
- 可用于文档布局,取代了使用表格定义布局的老式方法;
- 与 CSS 一同使用时,<div> 元素可用于对大的内容块设置样式属性;
span
- span是行内元素(也译作内嵌元素);
- 可用作文本的容器;
- 与 CSS 一同使用时,<span> 元素可用于为部分文本设置样式属性;
两者的区别与联系:
区别: 一个div是占一个块的,它的默认display属性是block,表示一个块;而span,它的display默认属性是inline,可以连在一起的。
举个栗子:
<div>aaa</div>bbb //显示出来,是两行;
<span>aaa</span>bbb //显示出来是一行。联系:(块元素和行内元素)可以通过定义CSS的display属性值可以互相转化;
举个栗子:
测试<div style="display:inline">紧跟前面的"测试"显示</div>
<span style="display:block">这里会另起一行显示</span>
分别在什么情况下使用?
- div一般用于排版,而span一般用于局部文字的样式。