-
使用::selection可自定义文本选中时的高亮样式，如背景色和文字颜色；2.:hover伪类实现鼠标悬停时元素背景色变化，结合transition使过渡更平滑；3.两者可协同使用但作用时机不同，需避免颜色相近导致视觉冲突，确保选中状态清晰可见。
-
AJAX可在不刷新页面的情况下异步更新内容，通过在HTML中嵌入JavaScript使用XMLHttpRequest或fetch()发送请求，需通过Web服务器运行以避免跨域问题，配合公共API或本地后端接口实现数据交互，调试时借助浏览器开发者工具查看网络状态。
-
.html改名.htm后打不开，因服务器未注册.htm的MIME类型或本地关联错误；需配置Content-Type为text/html，统一更新所有引用路径，并检查favicon、manifest等隐含依赖。
-
JavaScript状态管理核心是集中管控共享数据以实现变化可追踪、可预测、可调试；Redux基于纯函数与不可变更新，Vuex依托Vue响应式系统；选型取决于框架生态与项目复杂度。
-
必须添加正确的viewportmeta标签，即<metaname="viewport"content="width=device-width,initial-scale=1">，并置于<head>最前；同时用max-width:100%替代width:100%，为img和iframe设置max-width:100%;height:auto，并谨慎使用媒体查询。
-
内联样式通常拖慢渲染性能，因绕过CSS缓存与解析优化；仅极少数纯静态场景或微秒级样式应用略快，但不提升整体渲染。外部样式表仍是生产首选，支持缓存、复用、压缩及现代工作流。
-
合理使用repeat()、auto和minmax()可构建高效响应式Grid布局：repeat(3,1fr)创建三等分列，auto实现内容自适应，minmax(250px,1fr)设定最小宽度与弹性扩展，结合使用可减少媒体查询，提升布局灵活性。
-
本文详解在使用第三方下拉组件（如SlimSelect）时，如何通过原生JavaScript或其官方API正确触发选中状态变更，并确保UI与数据同步，特别适用于浏览器控制台调试或自动化脚本场景。
-
本文讲解如何利用GSAP动画库，将图片精准、平滑地定位到浏览器窗口顶部（fixed定位），确保其在页面滚动时始终可见且位置稳定。
-
相对路径从当前HTML文件所在目录出发计算：./assets/style.css表示同级assets目录下的文件，../images/logo.png表示上级images目录下的文件，subpage/data.json表示同级subpage目录下的文件。
-
需手动安装并注册插件，如运行npminstall-D@tailwindcss/forms后在tailwind.config.js的plugins数组中添加require('@tailwindcss/forms')。
-
async函数中未捕获的Promise拒绝会触发unhandledrejection全局事件，浏览器用window.addEventListener监听，Node.js用process.on监听，可获取reason和promise，但仅捕获未处理的异步错误且不适用于Promise.allSettled。
-
答案：CSS选择器通过组合方式精确匹配元素，优先级按a-b-c-d规则计算，!important最高但慎用，后定义覆盖前定义。
-
优先级和加载顺序共同决定样式生效规则：优先级高者胜出，相同时后写的覆盖前面的。
-
rgba()通过第四个alpha参数控制白色透明度，取值0（全透明）到1（不透明），实现白色与背景融合；常用于半透遮罩、柔和按钮背景等场景，且不影响子元素透明度。
