[css]简明教程 SPAN和DIV的区别

2016-01-29 12:04 14 1 收藏

[css]简明教程 SPAN和DIV的区别,[css]简明教程 SPAN和DIV的区别

【 tulaoshi.com - Html 】

SPAN 和 DIV 的区别在于，DIV(division)是一个块级元素，可以包含段落、标题、表格，乃至诸如章节、摘要和备注等。而SPAN 是行内元素，SPAN 的前后是不会换行的，它没有结构的意义，纯粹是应用样式，当其他行内元素都不合适时，可以使用SPAN。

　　下面以一个实例来说明这两个属性的区别。

　　代码：

　　＜span＞SPAN标记有一个重要而实用的特性，即它什么事也不会做，它的唯一目的就是围绕你的HTML代码中的其它元素，这样你就可以为它们指定样式了。在此例中，＜span＞标识符允许你将一个段落分成不同的部分。

　　还有一个标识符具有类似的功能，＜div＞DIV也被用来在HTML文件中建立逻辑部分。但与＜div＞SPAN不同，＜div＞工作于文本块一级，它在它所包含的HTML元素的前面及后面都引入了行分隔。

　　效果：

　　SPAN标记有一个重要而实用的特性，即它什么事也不会做，它的唯一目的就是围绕你的HTML代码中的其它元素，这样你就可以为它们指定样式了。在此例中，标识符允许你将一个段落分成不同的部分。

　　还有一个标识符具有类似的功能， DIV也被用来在HTML文件中建立逻辑部分。但与 SPAN不同，工作于文本块一级，它在它所包含的HTML元素的前面及后面都引入了行分隔。

来源:http://www.tulaoshi.com/n/20160129/1484512.html

上一篇： 4天学会 NoahWeb 表单 - 第三天
下一篇：《战国无双编年史3》刷武器等级关卡解析及推荐

看过《[css]简明教程 SPAN和DIV的区别》的人还看了以下文章更多>>

[css]简明教程 CSS样式表概述

标签： Html CSS布局 Div+CSS XHTML

CSS（Cascading Style sheets，层叠样式表）是一种制作网页的新技术，现在已经为大多数的浏览器所支持，成为网页设计必不可少的工具之一。使用CSS能够简化网页的格式代码，加快下载显示的速度，也减少了需要上传的代码数量，尤其是在设计者面对有数百个网页的站点时，大大减少了重复劳动的工作量。 W3C（The World Wide...

CSS基础学习：样式表CSS简明教程

标签： Web开发

作者：自由勇 样式表CSS在网页中占着极重要的地位，它的使用一直是热门讨论的话题。CSS是Cascading Style Sheet的简写，译为“层叠样式表单”。CSS几乎可以定义所有的网页元素，CSS虽然功能强大，但平时我们用到的是很少的，最常见的有：定义字体大小(用CSS定义的字体大小不会浏览器的字体设置而改变)、去掉超链下划线、超链接变色等等。下...

JSP简明教程

标签： Java JAVA基础

一、什么是JSP JSP(JavaServer Pages)是由Sun Microsystems公司倡导、许多公司参与一起建立的一种动态网页技术标准，其网址为http://www.javasoft.com/products/jsp。在传统的网页HTML文件(*.htm,*.html)中加入Java程序片段(Scriptlet)和JSP标记(tag)，就构成了JSP网页(*.jsp)。Web服务器在遇到访问JSP网页的请求时，首先执行其中的...

[css]简明教程样式表的书写格式

标签： Html CSS布局 Div+CSS XHTML

一般来说，样式表的声明分为选择符（selector）和块{}（block），块里包含属性（properties）和属性的取值（value），基本格式如下：选择符 {属性：值} 其它格式1：选择符1，选择符2，选择符3 {属性1：值1；属性2：值2；属性3：值3} 有时候多个选择符将使用相同的设置，为了简化代码，我们可以一次性为它们设置样式，并在...

[css]简明教程样式表中的类

标签： Html CSS布局 Div+CSS XHTML

类为了对网页格式的定义更为精确，有必要让相同的选择符也能分类，并能按照不同的类别来进行不同的样式设计。基本格式如下：选择符.类别名 {属性：值} 类别名将可以在HTML的标识符里引用： <标识符 class=类别名网页内容实例：＜html＞＜head＞＜title＞CSS例子＜/title＞＜style type=...

查看更多精彩>>