您的位置:首页 > Web前端 > HTML

HTML <span> 标签简介

2012-07-28 15:19 447 查看
1、简介

<span> 标签被用来组合文档中的行内元素。

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

可以为 span 应用 id 或 class 属性,这样既可以增加适当的语义,又便于对 span 应用样式。

对同一个 <span> 元素应用 class 或 id 属性,但是更常见的情况是只应用其中一种。这两者的主要差异是,class 用于元素组(类似的元素,或者可以理解为某一类元素),而 id 用于标识单独的唯一的元素。

2、标准属性

id, class, title, style, dir, lang, xml:lang


3、事件属性

onclick, ondblclick, onmousedown, onmouseup, onmouseover,
onmousemove, onmouseout, onkeypress, onkeydown, onkeyup


4、例子

<html>

  <head>

    <title>设置鼠标样式</title>

  </head>

  <body>

    <div style="font-family:宋体;font-size:10pt;">

    <span style="cursor:hand">手形状</span><br>

    <span style="cursor:move">移动</span><br>

    <span style="cursor:ne-resize">反方向</span><br>

    <span style="cursor:wait">等待</span><br>

    <span style="cursor:help">求助</span><br>

    <span style="cursor:text">文本</span><br>

    <span style="cursor:crosshair">十字</span><br>

    <span style="cursor:s-resize">箭头朝下</span>

    </div>

  </body>

</html>

参考文献:W3school
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: