HTML <span> 标签简介

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


  • 2
    点赞
  • 28
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值