繁體中文当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > SPAN元素和DIV元素有的区别
- CSS样式表
- 提高网页效率的14条注意事项图文
- 提高网页的效率 Use YSlow to know why your web Slow
- 学习WEB标准总结的一些CSS/XHTML知识小结
- CSS文件可维护、可读性提高指南
- Firefox下样式设置宽度奇怪现象
- Chrome的hack写法以及CSS的支持程度图示
- IE6支持position:fixed完美解决方法
- css为图片设置背景图片
- ASP、PHP与javascript根据时段自动切换CSS皮肤的代码
- css图片切换效果代码[不用js]
- css import与link的区别
- BS项目中的CSS架构_仅加载自己需要的CSS
- div结合css布局bbs首页(div+css布局入门)
- css 兼容性问题this.style.cursor=''''hand''''
- CSS渐变统计柱形图
- 跨浏览器的实践:position:fixed 层的固定定位
- 标准布局常见问题及解决办法
- css美化input file按钮的代码方法
- 重置默认样式 css reset
- 支持IE6 IE7 Firefox 的纯CSS的下拉菜单
CSS样式表 中的 SPAN元素和DIV元素有的区别
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 52 ::
收藏到网摘: n/a
前几天做自适应Skin的时候了解了一下块(block)的含义。发现了这样的一个问题。
SPAN元素和DIV元素有什么区别
解决思路：
最明显的区别是：DIV是块元素，SPAN是内嵌元素。块元素相当于内嵌元素在前后各加一个<br>换行。其实，块元素和行内元素也不是一成不变的，只要给块元素定义display:inline，块元素就成了内嵌元素，同样地，给内嵌元素定义了display: block就成了块元素了。
具体步骤：
点击运行可以看到效果:
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]
技巧：有些朋友会说DIV是层标签，其实HTML里是没有层这个说法的，只不过是为了易于理解，Dreamweaver里才这样写的，每个对象都可以成为 “层”，只需要给对象定义position属性(值为absolute或relavite)。例如，要让图片成为“层”，可以这样写代码：
特别提示
本例代码运行效果（点运行代码）所示，为了更能说明问题，这里给块元素和内嵌元素都加了1像素宽的红色实线边框，从图中可以看到， DIV默认为块元素，定义display属性值为inline后以内嵌元素显示，而SPAN默认为内嵌元素，定义display属性值为block后则以块元素显示。
特别说明
本例主要说明了display属性的两个值block和inline的用法及意义。
评论 (0) All
