-
CSS变量应只存纯路径字符串，如--bg-path:"/img/1.jpg"；若存url("/img/1.jpg")会导致background-image:var(--bg)失效，因浏览器不二次解析字符串。
-
![content-['text']在TailwindCSS中的使用方法详解](/uploads/20260531/17802261986a1c1896d30c9.jpg)
Tailwind默认只生成content-none和content-[""]两类，自定义content值（如before:content-["Hello"]）需在tailwind.config.js的theme.extend.content中显式声明Unicode转义值（如"\201C"），否则编译缺失、样式无效。
-
VSCode中按!+Tab可快速生成标准HTML5模板，无需配置，兼容性好、结构干净；而在线生成器常导致冗余代码、性能差和维护难。
-
<colspan="3">不合并列而仅批量应用样式到连续3列，必须置于<colgroup>内且总span需匹配实际列数，与colspan及Tkinter的columnspan本质不同。
-
Object.is()是唯一能同时解决NaN!==NaN和+0===-0问题的原生方法，严格按IEEE754位模式执行SameValue算法：NaN自等、±0不等，其余同===；适用于负零检测、NaN确认及含NaN数组去重，但不适用于对象深比较或高频简单比较。
-
grid-template-areas是最直观的仪表盘布局方法，用字符串定义区域，需注意命名规范、行列对齐、显式声明及响应式优化。
-
replaceWith()是JavaScriptDOM方法，需先获取真实元素节点才能调用；传入字符串不解析HTML，应使用template或DOMParser转换为节点后再替换。
-
font-smooth在现代移动端浏览器中基本无效，因其是已废弃的WebKit私有属性，iOSSafari、ChromeforAndroid和FirefoxMobile均忽略，CanIUse标注无支持；真正影响字体清晰度的是-webkit-font-smoothing（仅限macOS）、text-rendering、font-weight/family组合、硬件加速触发及字体加载控制等。
-
normalize.css是最快最稳妥方案，它校准而非清零浏览器默认样式，统一h1margin、button字体继承、textarea可缩放等行为；必须置于所有自定义CSS之前，否则html行高、button字体等基础校准会被覆盖，导致FOUC或样式失效。
-
最稳方案是用.breadcrumb-item:not(:last-child)::after添加分隔符，避免+选择器失效和语义缺失；需设content、vertical-align:middle和line-height:1，小屏用content:""隐藏，确保响应式与无障碍兼容。
-
hidden属性加了却没隐藏，是因为CSS未配置兜底规则[hidden]{display:none!important}，导致全局样式覆盖其默认行为；它本质是HTML5语义化隐藏机制，非CSS控制。
-
Leaflet用L.control.scale()一行添加准确比例尺，自动适配缩放与投影；Mapbox需手动计算pixelsToMeters并监听moveend；注意CSS盒模型、DPR和高纬度精度问题。
-
不能用，HTML5已移除语义支持；现代浏览器为兼容性仍解析但不保证渲染一致，strict模式下可能被忽略或降级，W3C明确定义为obsolete。
-
screen-spanning媒体查询不可靠，不应作为唯一判断依据；它仅在Chrome119+/Edge97+支持，Safari/Firefox不支持，且依赖真实双屏硬件与系统跨屏渲染模式，易因缩放、iframe或厂商屏蔽而失效。
-
new.target是JavaScript中用于检测构造函数调用上下文的元属性，仅在类或构造函数内有效，不参与网关的路由转发、协议转换、流式分发或弹性机制等核心职责。
