HTML标签中，有个鼠标放上去后，鼠标边上就出现一个问号的标签，请问是什么标签？ html表单提交按钮，鼠标放上边为什么不是小手显示？
html\u5982\u4f55\u5b9e\u73b0\u9f20\u6807\u60ac\u505c\u663e\u793a\u6587\u5b57\uff0c\u9f20\u6807\u79fb\u8d70\u6587\u5b57\u6d88\u5931\u3002\u6700\u7b80\u5355\u7684\u505a\u6cd5\uff0c\u7ed9\u6807\u7b7e\u589e\u52a0title\u5c5e\u6027\uff0c\u5e76\u8d4b\u4e0a\u8981\u663e\u793a\u7684\u5185\u5bb9\uff0c\u4e5f\u5c31\u662f\u6dfb\u52a0title\u5c5e\u6027\u5373\u53ef\u3002
\u4ee3\u7801\uff1a
\u90e8\u5206\u5185\u5bb9
\u6ce8\uff1atitle \u5c5e\u6027\u5e38\u4e0e form \u4ee5\u53ca a \u5143\u7d20\u4e00\u540c\u4f7f\u7528\uff0c\u4ee5\u63d0\u4f9b\u5173\u4e8e\u8f93\u5165\u683c\u5f0f\u548c\u94fe\u63a5\u76ee\u6807\u7684\u4fe1\u606f\u3002\u540c\u65f6\u5b83\u4e5f\u662f abbr \u548c acronym \u5143\u7d20\u7684\u5fc5\u9700\u5c5e\u6027\u3002
\u6269\u5c55\u8d44\u6599\uff1aHTML\u7684title\u5c5e\u6027\u7684\u7528\u6cd5
1\u3001HTML\u7684title\u5c5e\u6027,\u5f53\u5149\u6807\u79fb\u52a8\u5230\u8be5\u6807\u7b7e\u65f6\uff0c\u4fe1\u606f\u63d0\u793a\u6846\u5185\u7684\u5185\u5bb9
\u5c5e\u6027\u9009\u62e9\u5668
2\u3001\u8bbe\u7f6e\u6807\u7b7e\u6837\u5f0f\u65f6\u6307\u5b9a\u3000\u5c5e\u6027css\u6837\u5f0f
css:\u662f\u5c42\u53e0\u6837\u5f0f\u8868
/*\u6709tittle\u5c5e\u6027*/
[title] {
color: darkmagenta;
}
/*\u6307\u5b9atittle\u5c5e\u6027\u503c*/
[title=t] {
color: red;
}
\u5c5e\u6027\u9009\u62e9\u5668
\u5c5e\u6027\u9009\u62e9\u5668\u6307\u5b9a\u5c5e\u6027\u503c
\u53c2\u8003\u8d44\u6599\u6765\u6e90\uff1aHTML-\u767e\u5ea6\u767e\u79d1
\u8981\u8bbe\u7f6e\u9f20\u6807\u6307\u9488\u653e\u5728\u4e00\u4e2a\u5143\u7d20\u8fb9\u754c\u8303\u56f4\u5185\u65f6\u6240\u7528\u7684\u5149\u6807\u5f62\u72b6\uff0c\u9700\u8981\u5bf9\u5143\u7d20\u7684css\u5c5e\u6027cursor\u8fdb\u884c\u8bbe\u7f6e\u3002cursor\u5c5e\u6027\u53ef\u80fd\u7684\u503c
1\u3001default
\u9ed8\u8ba4\u5149\u6807\uff08\u901a\u5e38\u662f\u4e00\u4e2a\u7bad\u5934\uff09
2\u3001auto
\u9ed8\u8ba4\u3002\u6d4f\u89c8\u5668\u8bbe\u7f6e\u7684\u5149\u6807\u3002
3\u3001crosshair
\u5149\u6807\u5448\u73b0\u4e3a\u5341\u5b57\u7ebf\u3002
4\u3001pointer
\u5149\u6807\u5448\u73b0\u4e3a\u6307\u793a\u94fe\u63a5\u7684\u6307\u9488\uff08\u4e00\u53ea\u624b\uff09
5\u3001move
\u6b64\u5149\u6807\u6307\u793a\u67d0\u5bf9\u8c61\u53ef\u88ab\u79fb\u52a8\u3002
6\u3001e-resize
\u6b64\u5149\u6807\u6307\u793a\u77e9\u5f62\u6846\u7684\u8fb9\u7f18\u53ef\u88ab\u5411\u53f3\uff08\u4e1c\uff09\u79fb\u52a8\u3002
7\u3001ne-resize
\u6b64\u5149\u6807\u6307\u793a\u77e9\u5f62\u6846\u7684\u8fb9\u7f18\u53ef\u88ab\u5411\u4e0a\u53ca\u5411\u53f3\u79fb\u52a8\uff08\u5317/\u4e1c\uff09\u3002
8\u3001nw-resize
\u6b64\u5149\u6807\u6307\u793a\u77e9\u5f62\u6846\u7684\u8fb9\u7f18\u53ef\u88ab\u5411\u4e0a\u53ca\u5411\u5de6\u79fb\u52a8\uff08\u5317/\u897f\uff09\u3002
9\u3001n-resize
\u6b64\u5149\u6807\u6307\u793a\u77e9\u5f62\u6846\u7684\u8fb9\u7f18\u53ef\u88ab\u5411\u4e0a\uff08\u5317\uff09\u79fb\u52a8\u3002
10\u3001se-resize
\u6b64\u5149\u6807\u6307\u793a\u77e9\u5f62\u6846\u7684\u8fb9\u7f18\u53ef\u88ab\u5411\u4e0b\u53ca\u5411\u53f3\u79fb\u52a8\uff08\u5357/\u4e1c\uff09\u3002
11\u3001sw-resize
\u6b64\u5149\u6807\u6307\u793a\u77e9\u5f62\u6846\u7684\u8fb9\u7f18\u53ef\u88ab\u5411\u4e0b\u53ca\u5411\u5de6\u79fb\u52a8\uff08\u5357/\u897f\uff09\u3002
12\u3001s-resize
\u6b64\u5149\u6807\u6307\u793a\u77e9\u5f62\u6846\u7684\u8fb9\u7f18\u53ef\u88ab\u5411\u4e0b\u79fb\u52a8\uff08\u5357\uff09\u3002
13\u3001w-resize
\u6b64\u5149\u6807\u6307\u793a\u77e9\u5f62\u6846\u7684\u8fb9\u7f18\u53ef\u88ab\u5411\u5de6\u79fb\u52a8\uff08\u897f\uff09\u3002
14\u3001text
\u6b64\u5149\u6807\u6307\u793a\u6587\u672c\u3002
15\u3001wait
\u6b64\u5149\u6807\u6307\u793a\u7a0b\u5e8f\u6b63\u5fd9\uff08\u901a\u5e38\u662f\u4e00\u53ea\u8868\u6216\u6c99\u6f0f\uff09\u3002
16\u3001help
\u6b64\u5149\u6807\u6307\u793a\u53ef\u7528\u7684\u5e2e\u52a9\uff08\u901a\u5e38\u662f\u4e00\u4e2a\u95ee\u53f7\u6216\u4e00\u4e2a\u6c14\u7403\uff09\u3002
\u8981\u5b9e\u73b0\u9f20\u6807\u79fb\u4e0a\u53bb\u663e\u793a\u624b\u5f62\u3001\u9700\u8981\u5728\u4f60\u7684\u63d0\u4ea4\u6309\u94ae\u4e0a\u589e\u52a0css cursor\u5c5e\u6027\uff0c\u5e76\u5c06\u5b83\u7684\u503c\u8bbe\u7f6e\u4e3apointer;
\u5982\u4e0b\uff1a
<a href="#" style="cursor:default">sss </a><br> cursor : auto | all-scroll | col-resize| crosshair | default | hand | move | help | no-drop | not-allowed | pointer | progress | row-resize | text | vertical-text | wait | *-resize | url ( url )
取值：
auto : 默认值。浏览器根据当前情况自动确定鼠标光标类型。
all-scroll : IE6.0 有上下左右四个箭头，中间有一个圆点的光标。用于标示页面可以向上下左右任何方向滚动。
col-resize : IE6.0 有左右两个箭头，中间由竖线分隔开的光标。用于标示项目或标题栏可以被水平改变尺寸。
crosshair : 简单的十字线光标。
default : 客户端平台的默认光标。通常是一个箭头。
hand : 竖起一只手指的手形光标。就像通常用户将光标移到超链接上时那样。
move : 十字箭头光标。用于标示对象可被移动。
help : 带有问号标记的箭头。用于标示有帮助信息存在。
no-drop : IE6.0 带有一个被斜线贯穿的圆圈的手形光标。用于标示被拖起的对象不允许在光标的当前位置被放下。
not-allowed : IE6.0 禁止标记(一个被斜线贯穿的圆圈)光标。用于标示请求的操作不允许被执行。
pointer : IE6.0 和 hand 一样。竖起一只手指的手形光标。就像通常用户将光标移到超链接上时那样。
progress : IE6.0 带有沙漏标记的箭头光标。用于标示一个进程正在后台运行。
row-resize : IE6.0 有上下两个箭头，中间由横线分隔开的光标。用于标示项目或标题栏可以被垂直改变尺寸。
text : 用于标示可编辑的水平文本的光标。通常是大写字母 I 的形状。
vertical-text : IE6.0 用于标示可编辑的垂直文本的光标。通常是大写字母 I 旋转90度的形状。
wait : 用于标示程序忙用户需要等待的光标。通常是沙漏或手表的形状。
*-resize : 用于标示对象可被改变尺寸方向的箭头光标。w-resize | s-resize | n-resize | e-resize | ne-resize | sw-resize | se-resize | nw-resize
url ( url ) : IE6.0 用户自定义光标。使用绝对或相对 url 地址指定光标文件(后缀为 .cur 或者 .ani )。
cursor: help; 在样式里加这个属性 另外还有一些效果可以选择:[<uri> ,]*: 根据用户定义的资源显示 auto: 正常鼠标 crosshair: 十字鼠标 default: 默认鼠标 pointer: 点状鼠标 move: 移动鼠标 e-resize,ne-resize,nw-resize,n-resize,se-resize,sw-resize,s-resize,w-resize: 改变大小鼠标 text: 文字鼠标 wait: 等待鼠标 help: 求助鼠标 progress: 过程鼠标 inherit: 继承
cursor:help例子：<span style="cursor:help">问号标签</span>
绛旓細鐢╝鏍囩鐨 style涓殑 cursor 灞炴с傚锛<a href="#" style="cursor:help">杩欎釜鏄甫闂彿鐨</a><br><a href="#" style="cursor:col-resize">sss </a><br> <a href="#" style="cursor:default">sss </a><br> cursor : auto | all-scroll | col-resize| crosshair | default ...
绛旓細鍙互閫氳繃HTML涓鐨凜SS鍜孞avaScript鏉ュ疄鐜拌繖涓晥鏋溿傞氳繃CSS璁剧疆涓涓被锛堜緥濡.hover-text锛夋潵鎺у埗鍙︿竴涓枃瀛楃殑鏄剧ず鍜岄殣钘忋傚垵濮嬬姸鎬佷笅锛岃缃.display灞炴т负none锛屼娇鍏堕殣钘忋備娇鐢↗avaScript鐩戝惉榧犳爣浜嬩欢锛屽綋榧犳爣鎮仠鍦ㄥ甫鏈.hover-text绫荤殑鍏冪礌涓鏃讹紝閫氳繃娣诲姞.visible绫绘潵鏄剧ず璇ュ厓绱犮傚綋榧犳爣绉诲嚭鏃讹紝閫氳繃绉婚櫎.visibl...
绛旓細鐩存帴鍦HTML涓璁剧疆榧犳爣鎮仠鏃跺瓧浣撳彉鑹茬殑姝ラ濡備笅锛氶鍏堬紝浣犻渶瑕佸皢鎯冲彉鑹茬殑鏂囧瓧鍖呭惈鍦HTML鐨涓涓厓绱涓紝姣斿鏍囩銆傝繖涓姝ュ彲浠ラ氳繃鍦ㄩ儴鍒嗗垱寤轰竴涓爣绛撅紝骞跺湪鍏朵腑杈撳叆浣犵殑鏂囧瓧鏉ュ疄鐜般傜劧鍚庯紝涓鸿繖涓爣绛炬坊鍔燙SS鏍峰紡锛岀壒鍒槸hover浼被銆傚綋榧犳爣鎮仠鍦鏍囩涓鏃讹紝杩欎釜浼被浼氳Е鍙戜綘棰勮鐨勬牱寮忔敼鍙樸備緥濡傦紝浣犲彲浠ヨ缃...
绛旓細鍙互灏嗘墍瑕佸彉鑹茬殑鏂囧瓧鏀捐繘涓涓爣绛鹃噷锛屾瘮濡<p>鏍囩锛岃鍚庡杩欎釜鏍囩娣诲姞涓涓猦over灞炴э紝鍗冲綋榧犳爣鍋滅暀鍦ㄨ繖涓爣绛句笂鏃朵細瑙﹀彂璁惧畾濂界殑鏁堟灉銆備互涓嬫紨绀哄叿浣撴楠ゃ1銆佹墦寮涓涓狧TML鏂囦欢锛屾坊鍔犲ソ鍩烘湰鏍囩骞跺湪body鏍囩閲屾坊鍔爌鏍囩锛屽苟鍦╬鏍囩閲屾坊鍔犳墍瑕佸彉鑹茬殑鏂囧瓧銆2銆佹帴涓嬫潵瀵筽鏍囩娣诲姞css鏍峰紡锛屽苟娣诲姞hover灞炴...
绛旓細html涓紶鏍鎸囧悜鍥剧墖涓婇潰鍥剧墖涓婁笅璺冲姩涓涓嬶紝杩欐槸娴忚鍣ㄥ唴绯荤粺鍐呴儴鐨勮缃拰榧犳爣绯荤粺鍐呴儴璁剧疆鍏卞悓褰㈡垚鐨勭粨鏋溿
绛旓細1銆佸埄鐢╟ss鐨:hover <div id="content"> 杩欐槸鍘熸湰鐨刣iv灞 <div id="show"> <p>杩欐槸榧犳爣绉诲姩涓婂幓鍚庣殑div灞</p> </div> </div> <style type="text/css"> *{ margin: 0; padding: 0; } #content{ background:#0CF; height:200px; width:200...
绛旓細濡備笅绀轰緥锛宱nmousemove灏辨槸榧犳爣鎮诞div鐨勬椂鍊欓噰鐢╠1鏍峰紡锛屽綋榧犳爣绂诲紑灏变娇鐢╠2鏍峰紡锛宮argin-top灏辨槸涓涓婇潰鐨勮窛绂伙紝鎺у埗杩欎釜璺濈灏辫兘瀹炵幇div鍚戜笂绉诲姩鐨勬晥鏋溿傜ず渚嬶細<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>绀轰緥</title><style type="text/css">....
绛旓細瀵广傜敤JS鐨榧犳爣浜嬩欢锛宱nmouseover()鏂规硶锛屽綋榧犳爣绉诲姩鍒癮鏍囩鐨勬椂鍊欐妸閭ｄ釜鍥剧墖鐨刣isplay锛歯one锛屽彉鎴恇lock锛屽彧瑕佹寜鐓ц繖涓楠よ蛋灏卞彲浠ュ仛鍒扮殑銆
绛旓細background: #ccc; }鈥濓細3銆佺粰div鏍囩娣诲姞hover浼被锛岀劧鍚庢墦鍑轰竴涓┖鏍硷紝鍐嶈缃鏃秔鏍囩鐨勬樉绀烘牱寮忋備唬鐮佷负鈥渄iv:hover p {display: block; }鈥濓紝杩欐浠ｇ爜鐨勬剰鎬濇槸锛屽綋榧犳爣鏀惧湪div涓鏃讹紝灏唒鏍囩鐨勬樉绀虹姸鎬佷粠闅愯棌鏀规垚鏄剧ず锛屾鏃秔鏍囩涓鐨勬枃瀛楀氨浼氭樉绀哄嚭鏉ワ細4銆佸綋榧犳爣浠巇iv绉昏蛋鏃讹紝鏂囧瓧灏变細娑堝け锛
绛旓細1銆佹柟娉曚竴锛屽埄鐢html鐗规э紝姣忎釜鏍囩閮芥湁涓涓猼itle灞炴с傚綋榧犳爣hover鍦ㄨ鏍囩鍐呭涓鏃讹紝娴忚鍣ㄥ睍绀哄嚭璇ユ爣绛剧殑title鍐呭锛岃榧犳爣绉昏蛋锛屽唴瀹规秷澶憋紝濡備笅锛歞iv{ height:100px;width:100px;background-color:aqua;} <divtitle=\"鎴戞槸榧犳爣鎮仠灞曠ず鐨勫唴瀹筡">鏂囧瓧鍐呭鏂囧瓧鍐呭</div> ...
