-
style标签与link标签优先级无绝对高低，同属作者样式表，实际由声明顺序和选择器特异性共同决定：后出现者覆盖先出现者，特异性高者胜出。
-
max-width是控制大屏内容过宽的首选，因其轻量、可控、不干扰小屏与弹性布局，配合margin:0auto可安全居中主容器，避免行宽过长影响阅读。
-
使用语义化标签构建文章区域可提升可访问性、SEO和维护效率。1.article作为独立内容容器；2.header包含标题、作者和时间；3.main标识主内容（可选）；4.section划分主题区块；5.aside放置相关辅助内容；6.footer包含版权或标签信息；7.time标记机器可读时间。示例结构清晰，配合CSS实现响应式布局，通过max-width、媒体查询等确保跨设备可读性。语义化不仅规范HTML结构，更为内容赋予逻辑意义，增强网页智能性与可维护性。
-
绝对定位子元素不占位，完全脱离文档流，父容器计算尺寸时无视其存在；需为父元素设置position:relative等非static定位才能建立定位上下文，否则偏移参考祖先或body。
-
Zustand的persist中间件在页面刷新后会丢失store中定义的方法（如setColor），因其仅持久化可序列化的状态值，而函数无法被JSON序列化，导致重hydration后方法变为undefined。
-
答案：现代前端构建需选合适工具并持续优化。Webpack适合大型项目，Vite提升开发体验，Rollup优打包库，Parcel快速上手；通过代码分割、TreeShaking、压缩、缓存和依赖优化提升性能，结合分析工具与CI/CD实现持续优化。
-
:hover和:focus需显式组合（如:hover:focus）才能同时生效，否则样式互不影响；单独使用无法实现叠加态效果，且需注意优先级、可访问性及移动端兼容性。
-
使用CSSFlexbox可轻松创建响应式图片画廊，通过display:flex和flex-wrap实现自动换行与等比缩放，结合gap设置间距，flex属性控制最小宽度（如200px）并允许伸缩，配合媒体查询优化小屏显示（如600px以下设为150px），确保在不同设备上均具有良好视觉效果。
-
有序列表使用<ol>标签创建，浏览器自动分配从1开始的数字编号；通过start属性可自定义起始编号，如start="5"；CSS的list-style-type可设置编号样式，如lower-alpha（a,b,c）、upper-roman（I,II,III）等；reversed属性实现倒序显示，value属性指定某项具体编号，后续项自动递增。
-
JavaScript提升是引擎在编译阶段将var和function声明的声明部分提前至作用域顶部，但赋值仍保留在原位置；var声明提升后访问得undefined，function声明完全提升，function表达式仅变量声明提升，let/const存在暂时性死区。
-
优酷Pad端无法关闭HTML5播放器，因其已全面强制使用HTML5作为唯一底层实现；用户可关闭的仅是自动播放、后台续播等具体行为，而非HTML5技术本身。
-
HTML5原生不支持RTSP，因video标签仅支持MP4/WebM等格式及H.264/H.265+AAC编码，而RTSP是传输协议且常承载裸H.264流；可行方案是服务端转WebRTC或HLS。
-
卡片布局通过HTML结构与CSS样式实现，使用语义化标签构建内容，配合Flexbox排列和响应式设计，确保整洁、一致且适配多屏。
-
JavaScript通过事件循环处理异步操作，宏任务（如setTimeout、script整体代码）与微任务（如Promise.then、queueMicrotask）分属不同队列。每次事件循环先执行一个宏任务，随后清空所有当前微任务，微任务具有更高优先级。例如，同步代码执行后，微任务回调（如Promise.then）会在当前宏任务结束后立即执行，而setTimeout等宏任务需等待下一轮循环。嵌套场景中，宏任务产生的微任务会在该宏任务结束后立即执行，导致输出顺序可能不符合直觉。由于微任务持续占用主线程，
-
IE嵌入HTML5页面的问题根源在于语法、CSS、JS兼容性及安全策略：需检查跨域iframe响应头、引入html5shiv修复语义标签、用Babel+polyfill处理ES6+、为flex加-ms-前缀，grid则需降级或弃用。
