inherit强制继承父级计算值，initial强制使用规范初始值；前者用于绕过继承限制（如border），后者用于回归规范基准（如border:initial为none），二者语义相反不可互换。

max-width和max-height可防止内容溢出与变形，提升响应式设计的适应性；2.图片设置max-width:100%配合height:auto保持比例，避免失真；3.文本容器通过max-width限制最佳阅读宽度，结合margin居中实现弹性布局；4.弹窗或下拉菜单使用max-height限制高度，配合overflow-y:auto防止垂直溢出；5.设置box-sizing:border-box确保padding和border不超出最大尺寸，使盒模型计算更直观。合理运用这些属性能增强页面的可读性

无障碍视频播放器的controls必须可键盘操作、语义明确，且所有控件需有准确的aria-label或aria-labelledby；原生controls属性不满足要求，因其默认缺乏语义、状态不可知、键盘支持不一致；须为播放/暂停、静音、进度条、全屏等控件显式设置ARIA属性并同步状态，确保符合WCAG2.1。

inline-block盒模型与block完全一致，但布局受限于行内环境；默认收缩包裹内容、高度由内容决定、vertical-align影响对齐、空白间隙源于HTML文本节点、所有行为均符合CSS规范。

ServiceWorker是实现离线体验的核心，通过拦截请求实现缓存控制。首先注册并激活ServiceWorker，需在HTTPS环境下调用navigator.serviceWorker.register()。安装阶段使用CacheAPI预缓存关键资源，确保首页、样式、脚本等可离线访问。运行时采用动态缓存策略，对API使用stale-while-revalidate，静态资源则networkfallingbacktocache。更新时在activate事件清理旧缓存，通过版本命名管理缓存生命周期。合理组合

可通过四种方式强制B站使用HTML5播放器：一、登录后在设置→播放设置中开启“启用HTML5播放器”；二、访问html5试用页点击启用；三、禁用浏览器Flash插件；四、修改User-Agent欺骗站点返回HTML5代码。

HTML文件无需编译，保存为.html后缀并用浏览器打开即可运行；推荐使用英文命名文件，避免乱码需保存为UTF-8编码；双击或右键“在浏览器中打开”适合简单测试；VSCode安装LiveServer插件可实现实时预览；涉及JS/AJAX时须通过本地服务器运行，如使用LiveServer、npxhttp-server或Python内置服务器，以避免file://协议的安全限制。

JavaScript执行栈是后进先出的栈结构，用于管理函数调用顺序：函数调用时压入执行上下文，执行完毕即弹出；全局上下文最先入栈、最后出栈；报错信息中的“at”源自栈顶调用链；异步回调需待栈空后由事件循环调度入栈。

用border设置实线边框最直接，需显式声明solid（如border:1pxsolid#000），否则默认为none；其伸缩性由display类型、box-sizing和内容存在与否共同决定，空元素塌陷是主因。

密码不可跨域明文传递，须用WebCryptoAPI的PBKDF2在前端加盐派生密钥（iterations≥100000、SHA-256、后端下发盐），导出十六进制凭证供后端校验，全程内存操作并立即清空原始密码。

WebWorkers实现的是并发而非并行，因不共享内存而依赖消息传递；需从独立JS文件加载，通过postMessage通信并结构化克隆数据，适用于计算密集型任务。

margin:auto在块级元素上失效的典型原因是未设置明确width；其水平居中需满足块级元素且width为具体值，否则浏览器无法分配左右外边距。

Linux服务器上Apache和Nginx默认区分URL路径大小写，/page.html与/Page.html被视为不同资源；HTML中href/src必须与实际文件名大小写完全一致，否则返回404。

CSS变量应存RGB三通道数值，用rgb()函数组合使用；动态修改时通过setProperty更新单个分量，rgba()需单独定义alpha变量（0–1范围）；RGB比HSL更直观可控且兼容性更好。

absolute定位元素通过top、right、bottom、left相对于最近的已定位祖先定位，若无则相对视口；常配合position:relative的父容器使用，结合transform可实现精准居中，需注意z-index控制层级。