- 浏览: 578713 次
- 性别:
- 来自: 苏州
文章分类
- 全部博客 (206)
- Flask (1)
- JavaScript (3)
- Core Java (41)
- XML (1)
- Oracle (11)
- 软件安装及环境配置 (0)
- 其它 (9)
- 面试/笔试 (5)
- 项目 (0)
- JDBC (11)
- Servlet (4)
- MySql (4)
- JNDI (0)
- Hibernate (11)
- Java模式和构架设计 (0)
- Web设计 (22)
- JSP (8)
- Struts (13)
- Tomcat (2)
- Marven (2)
- SVN (2)
- Swing/AWT (1)
- jQuery (2)
- ExtJS (8)
- Python (22)
- Flex (1)
- Django (7)
- 算法 (5)
- English (1)
- Twisted (1)
- Linux (3)
- Rails (1)
- SVG (3)
- PostgreSQL (1)
DIV 和 SPAN 元素最大的特点是默认都没有对元素内的对象进行任何格式化渲染。主要用于应用样式表。两者最明显的区别在于DIV是块元素,而SPAN是行内元素(也译作内嵌元素)。
1.所谓块元素,是以另起一行开始渲染的元素,行内元素则不需另起一行,测试一下下面的代码你会有更形象的理解:
/div>
测试<span>紧跟前面的"测试"显示</span><div>这里会另起一行显示<
测试<div style="display:inline">紧跟前面的"测试"显示</div><span style="display:block">这里会另起一行显示</span>
提示:如果不对DIV元素定义任何CSS属性,其显示效果将行将于P元素。
特别说明
因为DIV与SPAN元素的特殊性,所以一般用于应用样式表,比如说用CSS定义为层,而需要分清的是块元素和行内元素的区别,还有两者间的相互转化。
DIV指定渲染 HTML 的容器。
SPAN指定内嵌文本容器。
总的来说,一个div是占一个块的,它的默认display属性是block,表示一个块。如:
<div>aaa</div>bbb显示出来,是两行。
而span,它的display默认属性是inline,可以连在一起的。如:
<span>aaa</span>bbb,显示出来是一行。
div一般用于排版,而span一般用于局部文字的样式。
发表评论
-
css note
2012-09-05 22:43 11201. input 高度 .input-defau ... -
单行文本过长 自动换行
2012-05-04 12:47 1742white-space:pre-wrap;/*css-3*/ ... -
input中readonly和disable的区别
2012-02-05 18:36 1782<input type="text&q ... -
Web小细节
2010-12-20 20:09 8071.div标签居中显示要加上属性margin:auto; ... -
插入样式表的方法
2010-12-19 11:01 1083插入样式表的方法: a)内联式样式表:直接写在HTML标签中。 ... -
CSS 框模型
2010-12-13 11:17 1013元素框的最内部分是实际的内容,直接包围内容的是内边距。内边 ... -
CSS列表、表格、轮廓
2010-12-13 10:46 2298CSS 列表 CSS 列表属性允许你放置、改变列表项标志,或 ... -
CSS背景、文本、字体
2010-12-13 10:13 2171CSS 背景 CSS 允许应用纯色作为背景,也允许使用背 ... -
插入CSS样式表的三种方式
2010-12-13 09:43 3961如何插入样式表 当读 ... -
CSS选择器
2010-12-13 09:21 1043CSS,层叠样式表 (Cascadin ... -
为什么要使用XHTML
2010-12-10 08:36 1030我们认为万维网上的许多页面都包含着糟糕的 HTML 代码。 ... -
如何升级至 XHTML
2010-12-09 11:36 1081添加文件类型声明 将下面的文件类型声明添加至每页的首行: ... -
XHTML DTD
2010-12-09 10:29 9753种文档类型声明 DTD 规定了使用通用标记语言(SG ... -
XHTML 语法
2010-12-09 10:17 1117编写 XHTML 代码需要纯净的 HTML 语法。 ... -
XHTML 与 HTML 之间的差异
2010-12-09 10:00 1054最主要的不同: XHTML 元素必须被正确地嵌套。 ... -
HTML 4.01 / XHTML 1.0标签列表(按功能排列)
2010-12-09 09:41 1784按功能类别排列 DTD:指示在哪种 XHTML 1.0 DT ... -
HTML 4.01/XHTML 1.0标签列表(按字母排列)
2010-12-09 09:21 2066按字母顺序排列 DTD:指示在哪种 XHTML 1.0 DT ... -
HTTP 状态消息
2010-12-09 09:14 9091xx: 信息 消息: 描述 ... -
HTML事件属性
2010-12-09 09:07 1218HTML4的新特性之一是可 ... -
<%@ include file=""%><jsp:include page=">区别
2010-11-19 13:57 1223我们都知道在jsp中include有两种形式,分别是 & ...
相关推荐
后来我无意中发现有个东西叫<span>,比如实现模块的效果就可以:<div class=portlet align=left>文章<span>编辑</a></span></div>;当然我们还需要一个CSS文件去控制span的样式: 复制代码代码如下: .portlet span { ...
本文将深入探讨`div`和`span`的区别,以及如何利用CSS的`display`属性进行转换。 首先,`div`(Division)是一个块级元素,它在页面上表现为一个独立的块,其宽度默认占据100%的父容器宽度,并且每个`div`元素之间...
对css里的元素如:html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, ...
12-div和span标签.html
综上所述,使用js、div和span实现的树型结构具有较高的灵活性,适合小规模项目或学习用途。然而,在大型项目中,可能需要更专业、功能更完善的库,如jQuery UI、AngularJS的ngTree、Vue的vuetree等,它们提供了更...
在网页设计中,HTML元素是构建页面结构的基本单位,其中`<span>`和`<div>`是最常用的两种元素,但它们在用途和表现形式上有着显著的区别。 首先,`<span>`是一个内联元素(inline element)。它的主要作用是用于...
div 标签可以添加其他属性,如 id 属性和 class 属性,用于指定元素的 ID 和样式。 例如: ```html <div id="header" class="header">这是头部</div> ``` div 标签可以包含其他 HTML 元素,如文本、图像、超链接...
总结来说,`div`和`span`之间的主要区别在于它们的默认表现形式和用途:`div`作为块级元素适合布局,`span`作为内联元素适合文本样式调整。通过CSS,我们可以根据需要灵活地调整它们的行为,以实现复杂的网页设计。...
在HTML中,`<div>`和`<span>`是最常用的两种元素,它们在网页布局和样式控制中扮演着重要角色。然而,它们有着本质的区别,...总的来说,理解和掌握`<div>`与`<span>`的区别及其应用场景,是进行高效网页开发的基础。
5. **语义化**:虽然 `div` 和 `span` 都是非语义化的元素,但 `div` 在网页结构中更常被赋予一定的语义,如`<header>`、`<section>`、`<article>`等语义元素的替代品,而 `span` 更多用在文本细节的处理上。...
同时,这也是学习CSS和页面响应式设计的基础,因为`<div>`和`<span>`常常与CSS选择器和媒体查询结合使用,以适应不同设备和屏幕尺寸。在实际项目中,熟练运用这两个标签能够极大地提升网页设计的灵活性和可维护性。
在前端开发中,`div` 和 `span` 是两个非常基础且重要的HTML标签,它们用于构建网页布局和组织内容。让我们深入探讨这两个元素以及与之相关的前端开发知识点。 首先,`div` 标签代表一个分区或节(division/section...
无论是DIV还是SPAN,只要确保了高度和行高的一致性,就能够轻松达到垂直居中的效果。对于初学者而言,这是一个需要记住的重要技巧。而对于经验丰富的开发者来说,这也是一个证明耐心和深入探究最终能够解决问题的...
16_div元素和span元素的使用
在HTML语言中,`<span>` 和 `<div>` 是两种非常基础且重要的元素,它们主要的作用在于组织和格式化页面内容。虽然它们看似无实际意义,但与CSS结合使用时,能够实现丰富的页面布局和样式控制。下面我们将深入探讨这...
一、div和span的区别 div是一个块级元素,可以包含段落,表格等内容,用于放置不同的内容。一般我们在网页通过div来布局定位网页中的每个区块。 span是一个内联元素,没有实际意义,它的存在纯粹是为了应用样式,...