SPAN元素和DIV元素有的区别


前几天做自适应Skin的时候了解了一下块(block)的含义。发现了这样的一个问题。
SPAN元素和DIV元素有什么区别
解决思路:
最明显的区别是:DIV是块元素,SPAN是内嵌元素。块元素相当于内嵌元素在前后各加一个<br>换行。其实,块元素和行内元素也不是一成不变的,只要给块元素定义display:inline,块元素就成了内嵌元素,同样地,给内嵌元素定义了display: block就成了块元素了。
具体步骤:


[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

技巧:有些朋友会说DIV是层标签,其实HTML里是没有层这个说法的,只不过是为了易于理解,Dreamweaver里才这样写的,每个对象都可以成为 “层”,只需要给对象定义position属性(值为absolute或relavite)。例如,要让图片成为“层”,可以这样写代码:

特别提示
本例代码运行效果(点运行代码)所示,为了更能说明问题,这里给块元素和内嵌元素都加了1像素宽的红色实线边框,从图中可以看到, DIV默认为块元素,定义display属性值为inline后以内嵌元素显示,而SPAN默认为内嵌元素,定义display属性值为block后则以块元素显示。
特别说明

本例主要说明了display属性的两个值block和inline的用法及意义。



相关阅读:
asp.net下实现输入数字的冒泡排序
javascript读取RSS数据
jquery 模式对话框终极版
编程管理SQL SERVER的帐号
SQL Server 2005: 数据库镜象跟踪标记
讲解SQL与Oracle外键约束中的级联删除
HTML表格标记教程(24):行的水平对齐属性ALIGN
linux磁盘管理命令之dd命令讲解
虚拟化杀了Linux 会有这种可能吗?
1. memcached的基础
为何Linux比Windows更安全
POP3协议命令原始码及工作原理
VBS教程:方法-GetParentFolderName 方法
js刷新框架子页面的七种方法代码
快速导航
PHP MySQL HTML CSS JavaScript MSSQL AJAX .NET JSP Linux Mac ASP 服务器 SQL jQuery C# C++ java Android IOS oracle MongoDB SQLite wamp 交通频道 作文范文 续写《穷人》400字 挖掘教材探究资源 培养学生探究意识 方永刚先进事迹的报告有感 2011年幼儿园家长会发言稿 愚人节的那点事之难忘的一次“夹心”饼干 我的班主任作文1100字 悲己 拿破仑传读书笔记3篇 越漂亮的女人,越容易失去更多 曾有,不再有 建党90周年比赛演讲:肩负使命振兴家乡 自强不息作文400字 探索消防部队心理教育与疏导工作的方法途径 中国古代名人-司马迁 学习演讲稿作文1200字 叙德书情四十韵,上宣歙翟中丞 党政综合办公室上半年工作总结下半年工作安排 我不小心吻了你 小学二年级作文300字:假如我是....... 年纪越大,胆子越小 等到花儿也谢了 放慢脚步,才能看到美丽的风景 秋韵之雅 这个夏天,罂粟 我还是做我自己 逆尘 星月的传说——歌呗【十四】作文1500字 羊圈的故事 红叶情 普通的梦想作文 幼儿教育《宝宝长牙了》 美丽的青海湖作文500字 除夕春节微信祝福语 收音机作文150字 职业教育中心办学情况调研报告 三八妇女节微信祝福语大全 未来的学校300字 2014大学校园圣诞节活动策划书 高中高三作文1200字:到底怎样活着才算对 太平湖之旅 2012—2013年度第一学期校学生会生活部工作总结 学雷锋350字 《山中杂记》教案1 配乐伤感美文欣赏:《一转身可能就是一世, 游郭驸马大安山池 小龙潭箐 我是如何从“失败的高考”中受益的 再见了,老师11200字 致我的好友——《夏洛的网》读后感作文1200字 2015人民政府县长述职述廉报告

Copyright © 2016 phpStudy |