@符号在CSS中用于定义@规则，这些规则包括：1.@media用于响应式设计，根据设备屏幕大小调整样式；2.@keyframes定义动画效果；3.@font-face引入自定义字体；4.@import导入其他CSS文件；5.@supports检查浏览器对CSS特性的支持。使用时需注意@import规则需放在文件最前面，@media规则顺序影响样式应用。

首先创建全屏居中加载层，再通过CSS实现旋转动画效果，最后用JavaScript控制页面加载完成时隐藏该层。

文字发灰主因是屏幕色域、亮度、对比度及环境光差异，非颜色值问题；应优先保障明度对比、采用LCH/OKLCH色彩空间、用@media适配屏幕特性，并确保WCAG对比度达标。

必须掌握操作HTML元素的五种核心方法：一、通过ID精准获取并修改单个元素；二、通过类名批量操作多个元素；三、用querySelector系列灵活选择任意CSS匹配元素；四、动态创建并插入新元素；五、安全移除或替换现有元素。

使用textarea标签可创建多行文本输入框，通过rows和cols设置行列数，用CSS控制样式，maxlength限制输入长度，并可用readonly或disabled控制编辑状态。

可通过JavaScript设置video元素的playbackRate属性实现倍速播放，需确保视频已加载元数据，结合按钮切换、ratechange事件同步显示，并做兼容性与错误处理。

JavaScript可通过原生videoAPI实现自定义播放控制：关闭默认控件后，用play()/pause()、currentTime、volume、requestFullscreen()等控制行为；结合range输入框与timeupdate等事件构建进度条、音量条；响应loadedmetadata、ended等事件更新UI，并优化悬停显示、移动端触摸及键盘访问体验。

JavaScript装饰器是处于TC39Stage3的语法特性，本质为接收目标、名称、描述符等参数的函数式元编程工具，用于在运行时包裹行为以实现日志、权限等横切关注点；支持类、方法、访问器、属性及参数五种类型，各具不同参数与用途。

首先配置Webpack基础环境，初始化项目并安装依赖；接着创建webpack.config.js文件，设置entry入口和output输出路径；通过loaders如babel-loader、css-loader等处理JS、CSS及静态资源；利用HtmlWebpackPlugin、CleanWebpackPlugin等插件优化构建流程；最后区分开发与生产环境，使用webpack-merge合并公共配置，在开发环境启用dev-server，在生产环境实施压缩与代码分割，提升性能。

Flexbox通过弹性布局简化轮播图实现，1.设容器display:flex并控制溢出；2.用flex属性固定项宽，结合transform滑动；3.利用justify-content、gap和scroll-snap实现对齐与吸附；4.配合媒体查询动态调整多屏适配；5.通过translateX与transition实现流畅动画，提升性能与体验。

JavaScript通过GeolocationAPI获取用户位置，需用户授权且仅限安全上下文；支持getCurrentPosition()和watchPosition()，注意兼容性、精度限制及国内浏览器降级方案。

首先将HTML代码在记事本中保存为.html文件，选择“所有文件”类型并指定扩展名，随后双击文件或右键选择浏览器打开，即可在浏览器中查看运行效果；通过设置默认打开程序或修改代码后刷新页面，能快速测试和预览网页内容。

aria-describedby用于提供元素的补充描述信息，通过引用其他元素ID实现。其核心用途是为屏幕阅读器用户提供额外上下文，如表单提示、错误信息等，而非替代主标签。与aria-labelledby不同，后者用于定义元素的核心可访问名称，前者则用于附加描述。最佳实践包括：1.aria-labelledby用于核心命名，可引用多个ID，避免冗余；2.aria-describedby用于补充信息，可引用隐藏内容，保持简洁；3.动态内容应预先存在并隐藏，或通过JavaScript动态管理属性；4.在复杂组件

浮动元素脱离标准流但仍影响布局，绝对定位元素完全脱离文档流。1.使用clear属性清除浮动影响，如clear:both防止元素错位；2.父容器设为position:relative，子元素用position:absolute实现精准定位；3.避免混用时定位基准混乱，推荐通过伪类清除浮动并结合Flex/Grid布局减少冲突。

在TailwindCSS中隐藏滚动条需结合overflow工具类与自定义CSS，通过创建.no-scrollbar类并应用-webkit-scrollbar、-ms-overflow-style和scrollbar-width属性来兼容各浏览器，最终在可滚动容器上添加no-scrollbar类即可实现视觉上的无滚动条效果。