-
inline元素有盒模型但受限生效：content、水平padding/border/margin有效，垂直方向属性不参与布局；vertical-align关键因默认基线对齐易错位；需完整控制时应改用inline-block。
-
最可靠方案是用setInterval或递归setTimeout逐字符写入textContent；禁用innerHTML+=避免解析开销、XSS风险及光标跳动；递归setTimeout更适配交互控制。
-
CSS层叠优先级由DOM中link和style标签的物理顺序决定，后加载的样式覆盖先加载的同名规则，而非选择器权重或!important数量。
-
使用HTML5video标签可直接嵌入视频，通过提供MP4和WebM多格式源文件确保兼容性，并结合controls、autoplay、muted等属性优化播放体验。
-
应优先用语义正确的标签：强调语气用<em>，纯视觉倾斜用<i>；必须用CSS时用font-style:italic；斜体不可作为唯一信息载体，需配合ARIA属性或HTML属性确保无障碍。
-
:empty是CSS中用于选择无任何子节点（包括文本、空格、换行）元素的伪类。示例中仅第一个div被选中，后续因含空格或子标签不匹配。使用时需确保元素完全为空，常用于隐藏空容器或提示空输入框，结合.trim()和结构检查可提升准确性。
-
JavaScript调试至关重要，因其运行于多样的客户端环境且错误隐蔽；需熟练使用浏览器DevTools的Console、Sources等面板，掌握断点、console高级用法、debugger语句、调用栈与作用域分析、Network排查及Watch等进阶技巧。
-
background-origin对background-color无效，仅作用于background-image（含渐变）；其三个值border-box、padding-box（默认）、content-box分别以边框外缘、内边距内缘、内容区左上角为定位原点。
-
Bootstrap网格嵌套时子行不占满父列宽度，是因为.row默认有±15px外边距，而父.col-未设position:relative或overflow:hidden来截断；必须严格遵循“列→行→列”结构，且父列须为.col-类、子.row须直接子元素于该列。
-
height:100%在Flex子项中不生效的根本原因是父容器无明确高度，导致百分比失去参照系；需配合min-height:0、flex:1或height:stretch等显式拉伸策略才能生效。
-
必须用background-image替换linear-gradient才能自定义Bootstrap5条纹进度条颜色，background-color无效；.progress-bar-striped和.progress-bar-animated需同步修改且方向、色标一致，并注意.progress底色对比度。
-
浅拷贝只复制第一层属性，嵌套对象仍共享引用；JSON.parse(JSON.stringify())是最简深拷贝但丢失Date、函数等类型；手写需处理循环引用和内置类型；LodashcloneDeep是生产首选。
-
JavaScript的class是原型继承的语法糖，本质仍是函数和prototype，不提供私有字段（除#field）、不支持多重继承，static方法与实例方法需通过类名或this.constructor调用，子类constructor必须首行调用super()。
-
animationend不触发的根本原因是CSS动画未真正执行，常见于初始与终态相同、动画时长为0、元素未挂载或display:none、animation-fill-mode误用等；需用getComputedStyle验证真实状态，避免依赖event.animationName，兼容性差时应加setTimeout回退。
-
HTML5新增输入类型核心价值是提供语义以触发浏览器原生能力，实用type包括email、tel、url、number、date/time/datetime-local；inputmode可更精准控制键盘；需配合setCustomValidity/reportValidity定制校验提示，并做好兼容性兜底。
