黑马程序员技术交流社区

标题: 关于 div span p 标签 [打印本页]

---

作者: 张艳艳    时间: 2013-1-9 14:09
标题: 关于 div span p 标签


div span p 这三个标签有啥区别,分别在什么情况下使用

---

作者: 王少雷    时间: 2013-1-9 14:18
简单说<div></div>标签就是一个容器。就是流动布局，随便可以放到页面任意一个地方。由于各个浏览器兼容问题，不太好控制
<span></span>行标签，一般写一句话或是写几个字，方便查看 就用span标签标记一下
<p></p>段落标签 ，就像我们写语文作文一样，一段一个样，第一段前面自动空格缩进标记。

---

作者: 舒远    时间: 2013-1-9 14:20
div，p是行级元素，也叫块级元素，很霸道，定义一个这样的元素，如果没有指定样式display：inline，则默认使用display：block来呈现，占据一行的位置。
span是内联元素，对应样式表display：inline。
这两类元素可以通过央视实现转换，就是设置display属性值即可。

---

作者: 鲁柯    时间: 2013-1-9 14:34
div span p 这三个标签都是封装数据的容器  当然了，HTML中的其他标签也是。
div和p标签是行级标签，就是说他们封装完的数据后面会有个换行效果，span属于块级标签，没有换行效果。
你可以自己多写几个标签放一起对比下  设置下边框和颜色属性效果很明显的。另外，p标签有个空行效果。手机不方便就不演示了。

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2