一、通过内联样式在body标签中设置style="background-color:#f0f0f0"可快速更改背景色；二、在head部分使用style标签定义body{background-color:lightblue}实现内部样式控制；三、创建外部CSS文件写入body{background-color:#e0e0e0}并通过link标签引入，便于多页面统一管理；四、背景色可采用十六进制如#ffcc00、RGB函数如rgb(255,99,71)或预定义名称如aqua等多种格式。

JavaScript生成随机数核心是Math.random()返回[0,1)浮点数；整数需用Math.floor(Math.random()*(max-min+1))+min确保含边界；小数先放大取整再缩小；安全场景须用crypto.getRandomValues()配合拒绝采样。

本文详解为何CSS:empty配合+相邻兄弟选择器在嵌套结构中失效，并提供现代、语义清晰的解决方案——使用:has()伪类精准实现“子元素非空时改变父容器样式”的需求。

align-items:stretch使子元素在交叉轴上拉伸填满区域，适用于统一高度布局；2.align-items:baseline按文本基线对齐，适合文字内容对齐，容器高度可不同。

HTML5不是可安装软件，所谓“安装后变慢”实为误装插件、启用实验功能或混淆播放器库所致；真实原因包括JS库冗余加载、恶意扩展注入、非标准source类型触发fallback及preload设置不当。

外部CSS文件应使用<link>而非@import，因其避免串行加载、FOUC和解析阻塞；需按功能拆分、条件加载、哈希命名并合理设置缓存策略。

ServiceWorker需手动注册、配置缓存策略并劫持请求才能实现离线功能，必须通过HTTPS（或localhost）注册，install预缓存静态资源，fetch中主动匹配缓存，配合skipWaiting()和clients.claim()确保新版本立即生效。

ServiceWorker是浏览器后台运行的网络拦截器，可拦截请求、缓存资源、实现离线访问；需注册、安装预缓存、拦截响应三步完成离线能力，支持多策略缓存与推送通知，但须HTTPS环境且注意生命周期控制。

不能用opacity因为它会使子元素（文字、图片等）一同变透明；应使用background-color的rgba()值，仅让背景透明而内容保持100%不透明，兼容性好且语义清晰。

Canvas.getContext('2d')是唯一绘图入口，漏调用则所有绘图方法报错；需先获取上下文对象才能调用fillRect、arc等方法，并注意路径管理、状态机特性及图片加载完成后再绘制。

可通过CSSscroll-behavior实现平滑锚点跳转，JavaScriptscrollTo精确控制滚动位置，CSStransform模拟高性能滑动动画，或使用Swiper等第三方库实现触摸拖拽、循环播放等高级交互功能。

:nth-child匹配父元素下第N个子元素（不区分标签类型），:nth-of-type只匹配同标签的第N个元素；前者按位置，后者按类型分组编号。

::backdrop伪元素可自动为全屏元素或模态对话框创建样式化遮罩层，无需额外DOM。它能实现半透明模糊背景、自然动画效果，并避免z-index冲突，相比传统多节点遮罩更简洁高效。主流浏览器已支持，不兼容时可降级使用JavaScript方案。

hsla()函数通过色相、饱和度、亮度和透明度定义半透明颜色，适用于现代UI设计中的背景、文字、边框及渐变效果，相比rgba()更直观调控色调变化。

使用background-size属性可实现背景图像动态缩放：cover保持比例全覆盖但可能裁剪；100%100%强制拉伸易变形；contain完整显示留空白；媒体查询适配多端；CSS变量支持动态控制。