-
HTML5元素可单独对齐：一、inline-block+text-align；二、margin:auto+块级显示；三、Flexbox的justify-content/align-self；四、Grid的place-self；五、transform偏移。
-
通过::selection伪元素可自定义网页选中文本的样式，如颜色、背景色和文字阴影，需注意仅支持文本相关属性且应保证可读性。
-
在标准盒模型中，border-width会增加元素总尺寸，而在border-box中则压缩内容区域以保持总尺寸不变，影响布局需注意box-sizing设置。
-
HTML标准制定不接受个人直接向WHATWGhtml仓库提PR，因该仓库仅限编辑手动合并变更；参与路径为：在whatwg/html开issue讨论问题、贡献WebPlatformTests（WPT）用例、关注关联仓库如whatwg/url和html-build。
-
speechSynthesis.speak()必须在用户手势事件（如click）中调用，否则因用户手势要求不满足而报错；需HTTPS、显式设lang、监听voiceschanged再获取语音、每次播放前cancel清理队列。
-
正确做法是将详情行作为独立<tr>插入主行下方，用class控制显隐，确保同属一个<tbody>；需动态计算colspan、用JS管理状态、避免CSS:has()、封装组件保证DOM顺序，并注意第三方表格库的兼容限制。
-
回放列表页面打不开的主因是JS重写location.href或路径配置错误；需检查Network中资源404、改用绝对路径、配置服务端fallback；事件绑定须用委托；iOS视频须加playsinline和手势触发播放。
-
子选择器（>）仅匹配父元素的直接子元素，不匹配嵌套更深的后代元素。例如ul>li不选中ul内div包裹的li，因li非ul的第一层子节点；它只作用于元素节点，对伪元素、文本节点无效；复合使用时需确保每级均为直接父子关系且无多余空格。
-
justify-content:space-between对末行无效是因为它仅按每行子项总宽与容器宽计算等分空隙，末行子项少导致空隙右堆；伪元素占位需满足：父容器flex+wrap、content:""、flex:00同子项宽。
-
JavaScript实现原生视频播放器需隐藏默认控件，通过事件监听控制播放/暂停、进度拖拽、音量与全屏；核心是同步video元素状态与自定义UI，处理loadedmetadata、timeupdate、fullscreenchange等事件，并优化悬停显示、自动隐藏及移动端兼容性。
-
Chrome57以下不支持display:grid，仅Chrome57+稳定支持标准语法；旧版需用-webkit-grid前缀且功能受限；推荐渐进增强（flex基础+@supports覆盖）或服务端UA判断降级。
-
JIT去优化是保障语义正确的必要安全机制，而非性能退步征兆；其触发源于推测假设被打破，如类层次动态变更、逃逸分析失效、类型契约违反或方法重定义，高频核心算法因执行频次高且行为易变而尤为脆弱。
-
outline-offset负值在Chrome支持而Firefox忽略，Safari渲染不稳定；应统一用多层box-shadow替代，确保跨浏览器焦点样式一致，同时注意focus-visible适配和IE11降级处理。
-
Flexbox垂直居中只需父容器设display:flex并配合align-items:center，高度明确时最直接；若需兼容IE10–11，应使用Autoprefixer自动添加前缀。
-
fixed定位失效主因是父元素设置了transform、filter、opacity<1等属性，导致创建新包含块使fixed退化为absolute；需逐层检查computed值，移除或重置相关样式验证。
