UD5工具箱
核心概念术语
cursor属性：CSS属性之一，用于定义鼠标指针在元素上方时显示的光标样式。该属性继承自父元素，默认值为auto。cursor属性接受一个或多个值，当第一个值不被支持时，浏览器会依次尝试后续值。cursor属性是用户界面交互设计中的重要组成部分。
CSS继承：cursor属性具有继承特性，即子元素会继承父元素上设置的光标样式，除非子元素自身定义了不同的cursor值。这一特性使得开发者可以在body元素上设置全局默认光标，然后在特定元素上覆盖为其他光标样式。
用户代理样式：浏览器内置的默认样式表，其中包含对不同HTML元素的默认cursor值设置。例如，a链接元素的默认cursor值为pointer，input文本框的默认cursor值为text，button按钮的默认cursor值为pointer。
基础光标术语
default：CSS光标值之一，显示操作系统的默认鼠标指针样式。在Windows系统上通常为白色箭头，在macOS系统上通常为黑色箭头。这是大多数HTML元素的默认光标样式，表示当前元素没有特殊的交互功能。
auto：CSS光标值之一，由浏览器根据当前上下文自动决定光标的显示样式。auto是cursor属性的默认值，其行为类似于default，但在某些复杂布局中，浏览器可能会根据元素的语义和上下文选择更合适的光标样式。
none：CSS光标值之一，隐藏鼠标光标的显示。在需要完全自定义光标外观、全屏演示、视频播放器或游戏界面等场景中使用。使用none后，鼠标指针不会在页面上显示，但鼠标事件仍然可以正常触发。
指针状态术语
pointer：CSS光标值之一，显示为手型指针光标，通常用于表示可点击的元素。这是Web开发中使用最广泛的光标样式之一，常见于按钮、链接、可点击的图片、表单元素等。在移动设备上，pointer光标通常不显示。
help：CSS光标值之一，显示为箭头加问号的光标样式，用于提示用户当前位置可以获取帮助信息。常见于带有tooltip说明的元素、帮助图标、FAQ条目等。
wait：CSS光标值之一，显示为等待状态的光标样式（通常为沙漏或旋转圆圈），用于表示系统正在处理请求，用户需要等待。在页面加载、表单提交、数据处理等场景中使用。使用wait光标时，应确保页面确实处于阻塞状态。
progress：CSS光标值之一，与wait类似，但表示后台仍在运行，用户仍可进行部分交互。progress光标通常在后台进行耗时操作但页面仍可响应时使用，例如异步加载数据时。
crosshair：CSS光标值之一，显示为十字准星样式，用于精确选择或定位操作。常见于图片编辑工具、地图应用、绘图软件等需要精确定位的场景。
cell：CSS光标值之一，显示为单元格选择光标，通常用于表格数据操作场景，表示可以选中单元格或单元格区域。
文本与拖拽术语
text：CSS光标值之一，显示为I型文本选择光标，用于表示当前区域可以进行文本选择或输入操作。常见于文本输入框、文本区域、可编辑内容区域等。text光标是文本编辑场景中最常用的光标样式。
vertical-text：CSS光标值之一，显示为垂直方向的I型文本选择光标，用于垂直排列的文本选择场景。在中文、日文等支持垂直排版的语言环境中较为常见。
alias：CSS光标值之一，显示为别名/快捷方式光标，用于表示当前元素是另一个元素或资源的引用或快捷方式。
copy：CSS光标值之一，显示为带加号的复制光标，用于提示用户当前元素可以被复制。常见于文件管理器、代码片段、可复制的文本块等。
move：CSS光标值之一，显示为四方向移动光标，用于表示当前元素可以被拖拽移动。在可排序列表、可拖拽面板等场景中使用。
grab：CSS光标值之一，显示为张开手的抓取光标，用于表示当前元素可以被抓取但尚未被按下。在可拖拽元素的默认状态中使用，例如地图拖拽、卡片排序等。按下鼠标后通常切换为grabbing光标。
grabbing：CSS光标值之一，显示为握紧手的光标，用于表示当前元素正在被抓取拖拽中。与grab光标配合使用，grab表示未按下状态，grabbing表示已按下正在拖拽的状态。
no-drop：CSS光标值之一，显示为禁止放下光标，用于表示当前位置不允许放置拖拽的元素。在拖放交互中，当元素被拖到不允许接收的区域时显示。
not-allowed：CSS光标值之一，显示为禁止操作光标，用于表示当前操作不被允许。常见于禁用的按钮、不可编辑的表单字段等场景。
调整大小术语
方向性调整光标：包括e-resize、n-resize、s-resize、w-resize、ne-resize、nw-resize、se-resize、sw-resize共8种对角线和正方向光标，用于表示可以沿特定方向调整元素尺寸。其中e代表东（右）、n代表北（上）、s代表南（下）、w代表西（左）。
双向调整光标：包括ew-resize（水平双向）、ns-resize（垂直双向）、nesw-resize（对角线双向）、nwse-resize（反向对角线双向）共4种光标，用于表示可以沿两个相反方向调整尺寸。
col-resize：CSS光标值之一，显示为列调整光标，用于表示可以调整表格列宽或水平分割线位置。
row-resize：CSS光标值之一，显示为行调整光标，用于表示可以调整表格行高或垂直分割线位置。
缩放与滚动术语
zoom-in：CSS光标值之一，显示为放大镜加号光标，用于表示当前元素可以被放大查看。常见于图片预览、地图应用、数据可视化等需要缩放操作的场景。
zoom-out：CSS光标值之一，显示为放大镜减号光标，用于表示当前元素可以被缩小查看。通常与zoom-in配合使用，提供完整的缩放交互体验。
all-scroll：CSS光标值之一，显示为四方向滚动光标，用于表示当前区域可以在任意方向上滚动。适用于内容溢出的容器元素。
相关CSS属性
pointer-events：CSS属性之一，控制元素是否响应鼠标事件。当设置为none时，元素不会响应鼠标事件，鼠标事件会穿透到下方元素。该属性常与cursor属性配合使用，例如在遮罩层上设置pointer-events: none以允许底层元素响应鼠标。
:hover伪类：CSS伪类之一，当鼠标悬停在元素上方时激活。常用于配合cursor属性实现光标的动态切换效果，例如链接在悬停时从default切换为pointer。
:active伪类：CSS伪类之一，当元素被激活（通常是鼠标按下时）时激活。常用于配合cursor属性实现点击状态的光标切换，例如按钮从pointer切换为grabbing。