-
使用animation-play-state属性可控制CSS动画暂停，其值为running或paused，默认为running；通过JavaScript切换添加paused类或利用:hover伪类，即可实现动画的暂停与恢复，无需重设关键帧或动画时间。384 收藏 -
需重置input和textarea基础样式以统一跨浏览器表现，包括边框、内边距、字体，并用:focus-visible保障键盘用户可访问性，同时强化label语义关联与错误提示的可读性。384 收藏 -
移动端P3色域不生效是因渲染链路默认锁定sRGB，需HTMLmeta与CSS双层声明协同：meta必须置于head最前，CSS须先声明color-gamut:p3再使用color(display-p3)，且display-p3参数须经专业工具转换，不可直接换算十六进制。384 收藏 -
使用开发者工具模拟设备、在真实设备测试、借助在线工具验证，并检查CSS布局结构，确保页面适配不同屏幕尺寸。384 收藏 -
flex-wrap:wrap实现自动换行，需配合flex-basis或width控制子项基础宽度，并注意flex-shrink默认值导致的压缩不换行问题及gap兼容性陷阱。384 收藏 -
最稳妥的手写轮播图方案是用transform:translateX()配合requestAnimationFrame实现平滑过渡，结合touchstart/move/end精确处理拖拽与自动对齐，并在touchend后强制校准currentIndex以避免状态错位。384 收藏 -
iOS系统对HTML5<video>的自动播放有严格限制，需同时满足muted、playsinline、正确的MIME类型（如video/mp4）及格式兼容性，否则视频将静音失败或完全不加载。384 收藏 -
本文详解如何正确使用cy.intercept()拦截zoomus://等自定义协议URL，避免浏览器弹出外部应用确认对话框导致测试中断，并确保协议跳转行为可断言、可验证。384 收藏 -
优先使用类选择器并遵循语义化命名（如BEM），避免深层嵌套和过度使用ID、通用选择器，控制伪类与属性选择器复杂度，杜绝滥用内联样式和!important，提升CSS性能与可维护性。384 收藏 -
Reflect是一套底层统一的对象操作接口，核心价值在于对齐Proxy处理器与原生行为、支持运行时动态操作；其方法需显式传入目标对象，不兼容非对象输入，强调精确控制而非语法简化。383 收藏 -
color()函数支持多色彩空间精确控色，如display-p3提升色域，Lab/LCH实现感知均匀，通过fallback确保兼容性，逐步成为高精度色彩设计主流方案。383 收藏 -
移动端CSS动画不触发或卡顿主因是浏览器降级渲染：禁用非transform/opacity属性动画、裁剪合成层、隐藏状态跳帧等；raf在微信iOS版存在后台切回后失效bug；Canvas需适配DPR；SVGSMIL动画iOS已移除。383 收藏 -
Word“另存为网页”生成的是含mso-样式和表格布局的非语义化HTML，适合快速共享；Pandoc可输出标准语义HTML并支持样式定制；python-docx+BeautifulSoup适合深度定制；导出后须检查路径、编码和表格渲染。383 收藏 -
应抽离公共样式为base.css顶部同步加载，页面专属样式用preload异步加载，禁用内联style；用CSS变量统一管理主题，构建时按页面拆包并hash命名，服务端注入带版本号的CSS链接并设置fallback。383 收藏 -
Sticky定位需设置阈值且父容器无overflow限制，现代浏览器支持较好，旧版Safari需加-webkit-前缀，IE不支持需JS模拟或降级处理。383 收藏
