码迷,mamicode.com
首页 > Web开发 > 详细

HTML <span> 标签

时间:2016-07-07 12:35:39      阅读:4018      评论:0      收藏:0      [点我收藏+]

标签:

定义和用法:

<span>标签被用来组合文档中的行内元素。在行内定义一个区域,也就是一行内可以被<span>划分成好几个区域,从而实现某种特定效果。<span>本身没有任何属性。

在IE6下,span元素浮动时一定要把span元素放在a标签之前,不然,会出现浏览器兼容问题,IE6下,浮动过后的span元素会向下错位一行。

提示和注释:

提示:请使用<span>来组合行内元素,以便通过样式来格式化它们。

注释:span没有固定的格式表现。当对它应用样式时,它才会产生视觉上的变化。

<span> 与<div>

<span>在CSS定义中属于一个行内元素,而<div>是块级元素,我们可能通俗地理解为<div>为大容器,大容器当然可以放一个小容器了,<span>就是小容器。 

DIV与SPAN的区别与特点

1.   div占用的位置是一行,span占用的是内容有多宽就占用多宽的空间距离

2.   <span>在<div>中一般都是用于显示一段文本,<span默认是横排的,而<div>默认是竖排的
     用<span>有时候是为了使页面元素看起来规整,没有什么特别的用处。

span标签和p标签有什么区别

1.    一般标签都有语义,p标签是指一个段落,而且默认是一个块级元素,span是一个行内元素的               代表,没有 什么意思,一般可以放文字等行内元素

2.   <p>标签是一个段落结束的标志,我们知道段落与段落中间会留出一行文字的空白,这样才能显出两       个段落了。也就是说<p>可以放在段落结束的地方 也表示换行的意思.

3.   <span>标签主要是指一个块,就是说指定的这一块内容是一起的,不可分割,就算换行的时候也不       会出现空白的情况。

如何定义span标签的宽度和高度

因为span属于内联元素,而内联元素是忽略宽度和高度的,明白了这一点解决就很简单了,解决的办法就是利用css将span变为盒装元素即可。

将内联元素定义为盒装元素的方法有两种:
1.直接使用显示属性display将其定义为盒装元素;
 display:block;
2.使用浮动属性float将其自动定义为盒装元素;
float:left;

在css属性里定义以上任意一个属性就可以使span拥有高度和宽度属性。

 

HTML <span> 标签

标签:

原文地址:http://www.cnblogs.com/zuihongyan/p/5649287.html

(1)
(3)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!