-
style标签与link标签优先级无绝对高低，同属作者样式表，实际由声明顺序和选择器特异性共同决定：后出现者覆盖先出现者，特异性高者胜出。
-
DOCTYPE声明必须放在HTML文档第一行，以确保浏览器以标准模式解析页面，避免因进入怪异模式导致布局错乱、样式异常和跨浏览器兼容问题。
-
:active仅在元素被主动按下且未释放时瞬时生效，不支持过渡动画，需配合可聚焦元素（如button、a）或tabindex；移动端存在300ms延迟，:hover则仅适用于指针设备，两者不可替代:focus，且层叠顺序与组合逻辑需严格遵循规范。
-
函数声明完全提升（名与体），可提前调用；函数表达式仅变量名提升（var）或不提升（let/const），提前调用报错；闭包依赖定义时词法作用域，非调用时动态作用域。
-
HTML5无法直接播放RTSP，因RTSP依赖RTP而video标签仅支持HTTP流；必须通过服务端转流（如WebRTC）实现低延迟，其中WebRTC是唯一能稳定达300–800ms的方案。
-
进度条通过HTML、CSS和JavaScript实现，核心是JS动态更新元素宽度以反映进度。HTML构建容器与填充条，CSS设置样式并用transition实现平滑动画，JS计算进度并更新DOM。为提升体验，可添加动画效果、丰富文本提示、状态反馈及ARIA属性增强无障碍访问。常见于文件上传、数据加载等场景，挑战包括精度、UI阻塞、服务器支持和用户体验管理。性能优化建议使用CSStransition或transform减少重排，结合节流控制更新频率；兼容性方面需注意旧浏览器对CSS前缀和fetch进度监听的
-
HTML5video标签原生不支持RTSP协议，须经流媒体服务器转封装为HLS、MSE-HTTP-FLV或WebRTC；其中HLS兼容性最好但延迟高（10–30秒），flv.js实现MSE-HTTP-FLV延迟中等（3–8秒），WebRTC延迟最低。
-
:checked伪类无法直接定制复选框外观，因浏览器限制其仅支持opacity等非布局属性；需隐藏原生控件并用兄弟选择器（~或+）联动自定义元素实现视觉反馈。
-
HTML5本身不支持混合模式，mix-blend-mode和background-blend-mode均来自CSS规范；前者作用于元素与其下方堆叠上下文内容但受层叠上下文限制，后者仅混合元素自身多个背景且更稳定可控。
-
background-clip:text非HTML5特性，需color:transparent与-webkit-background-clip:text（Chrome/Safari）配合，Firefox不支持，须用@supports回退或SVG替代。
-
JavaScript执行上下文是引擎实际创建的有生命周期的对象，执行栈是真实LIFO内存机制；创建时机仅三种：全局代码加载、函数调用、eval执行；VariableEnvironment处理var/函数声明，LexicalEnvironment处理let/const/class；两者outer引用构成闭包基础；async/await切换上下文而非暂停；this与作用域链来源不同，前者由调用方式决定，后者由定义位置静态确定。
-
使用transform:rotate()和transition可实现平滑旋转动画。1.设置transition控制旋转时长与缓动；2.在:hover状态下改变rotate值触发动画；3.可通过transform-origin调整旋转中心；4.持续旋转建议用@keyframes配合animation。
-
height属性决定元素内容区域高度，默认影响contentbox；结合overflow可控制溢出行为，box-sizing改变height计算方式，配合使用可优化布局控制。
-
浏览器开发者工具是JavaScript调试核心现场，含断点调试、Console执行环境、Network请求分析、Performance性能定位四大功能，需依问题类型选择对应面板验证。
-
核心解决思路是重置小屏断点下的font-size，优先用rem配合根元素缩放与媒体查询；默认html{font-size:16px}，小屏（如max-width:480px）提升至18px，使rem自动放大；局部调整可直接覆盖样式；需添加viewportmeta标签并避免限制用户缩放；推荐用clamp()增强弹性，最后务必真机验证。
