-
纯HTML可实现三种浪漫表白页：一、渐变背景+心跳动画文字；二、点击触发淡入弹窗告白；三、滚动逐行浮现诗意情书。均无需后端，保存为.html即可运行。
-
Safari视差失效因合成降级，需加translateZ(0)强制硬件加速；scroll事件应监听document.scrollingElement.scrollTop；touchend需补帧防跳变；纯CSS视差仅Chromium支持。
-
本文详解如何使用CSS选择器（特别是:not(:first-child)和:first-child）配合::before伪元素，实现仅在除第一个子元素外的其他项中渲染分隔符，适用于响应式面包屑导航等场景。
-
z-index不生效主因是父元素创建了独立堆叠上下文，使子元素z-index仅在内部生效；需检查opacity<1、transform非none等触发属性，并提升父容器z-index或用Portal脱离上下文。
-
Normalize.css必须在所有自定义CSS之前加载，否则其统一样式会被覆盖而失效；它不是兜底方案而是样式基线，错误顺序会导致button边框残留、h1大小不一、input对齐错位等问题。
-
Math对象提供静态数学方法：Math.round四舍五入、Math.floor向下取整、Math.ceil向上取整、Math.trunc截断小数、Math.pow或**求幂、Math.sqrt开方、Math.abs取绝对值、Math.max/min找极值；注意类型转换、边界行为及浮点精度问题。
-
通过将<a>标签设为flex容器并包裹全部内容，配合合理的CSS布局与语义化结构，即可实现整个Flexbox区域（含空白区域）响应点击，无需JavaScript。
-
HTML中保留空格应优先使用CSS而非HTML实体；最常用的是 （不可换行空格），但多空格需重复书写，且语义上影响屏幕阅读器；其他如 、 兼容性差；对齐留白推荐用padding/margin，关键词间距宜用span加margin控制。
-
CSS变量需用var(--name)配合:root定义，支持作用域覆盖、fallback链和JS动态修改，但不兼容IE，且不能用于@keyframes或content属性。
-
通过CSS的:hover与:active伪类结合transition，可创建按钮悬停变色、阴影和按下回弹的流畅交互动画，提升用户体验。
-
MobileFirst是以移动设备为默认设计基线，基础样式适配小屏，桌面端用@media(min-width)增量增强；不是先写手机再适配桌面，更非滥用max-width断点。
-
不能。CSS.supports()是JavaScriptAPI，必须在JS执行环境中调用，无法在JS运行前使用，因其依赖JS引擎初始化、全局对象就绪及DOM解析完成；应改用CSS的@supports规则实现早期能力检测。
-
JavaScript隐式转换规则包括：1.布尔上下文中falsy值（如0、""、null等）转为false，其余为true；2.字符串上下文中+操作符触发拼接，如"5"+3→"53"；3.数值上下文中运算符促发转数字，如5-"3"→2；4.对象转换时优先调用valueOf()，否则toString()，如[]+""→""。
-
title标签必须位于head内且唯一，浏览器仅识别首个有效内容；错误位置、重复或为空会导致SEO降权和无障碍访问失效，SSR/静态页须在HTML初始响应中提供真实标题。
-
:any-link仅匹配含有效href的a元素，不匹配link、空href或SVG中的a；受隐私限制，对:visited仅颜色生效；Chrome89+/Firefox84+/Safari15.4+支持，旧版需回退至:link/:visited。
