A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

© 张艳艳 中级黑马   /  2013-1-9 14:09  /  1656 人查看  /  3 人回复  /   0 人收藏 转载请遵从CC协议 禁止商业使用本文

本帖最后由 张向辉 于 2013-1-16 12:04 编辑

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

3 个回复

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

评分

参与人数 1黑马币 +9 收起 理由
Rancho_Gump + 9 赞一个!

查看全部评分

回复 使用道具 举报
div,p是行级元素,也叫块级元素,很霸道,定义一个这样的元素,如果没有指定样式display:inline,则默认使用display:block来呈现,占据一行的位置。
span是内联元素,对应样式表display:inline。
这两类元素可以通过央视实现转换,就是设置display属性值即可。

评分

参与人数 1黑马币 +9 收起 理由
Rancho_Gump + 9 赞一个!

查看全部评分

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

评分

参与人数 1黑马币 +9 收起 理由
Rancho_Gump + 9 赞一个!

查看全部评分

回复 使用道具 举报
您需要登录后才可以回帖 登录 | 加入黑马