-
TailwindCSSv4因内置RustOxide引擎而忽略postcss.config.js，样式处理全程由tailwindcss()插件接管；@import"tailwindcss"是入口指令，自动加载三层、启用JIT编译并隐式支持important、@theme、@plugin等新语法，且默认扫描源码无需content配置。
-
直接对checkboxinput使用transition无效，因其不参与渲染；动画应作用于label::after等可见元素，用transform:translateX()实现平滑滑块位移，并确保交互热区足够、选择器路径正确。
-
HTML5中边框实线必须用CSS的border-style:solid声明，不能依赖HTML旧属性；Chrome与Edge（Chromium内核）对此渲染一致，但需注意漏写solid、压缩丢失、父容器变换、覆盖样式及移动端兼容等实际影响因素。
-
高性能异步倒计时需用loop.time()+call_at()替代sleep实现绝对时间锚定，每次回调动态补偿调度延迟，并封装为可暂停、取消、查询剩余时间的类。
-
<param>标签不支持valueType属性，仅标准属性为name和value；valuetype是已废弃的旧规范属性，现代HTML5中无效；value始终是字符串，传对象需手动序列化（如JSON）并解析。
-
br仅强制换行无语义，p是语义化段落容器；br滥用导致结构混乱、可访问性差、SEO权重丢失；p自带默认间距且可样式控制，br无法独立设置间距；p必须闭合，br自闭合；误用br会损害屏幕阅读器导航与阅读模式兼容性。
-
CSSGrid实现复杂页头需在header容器设display:grid和grid-template-areas（带引号多行声明），子元素grid-area值须严格匹配；响应式需重写entireareas；吸顶用position:sticky于子行而非整个header；box-sizing:border-box必须统一。
-
align-items:center失效主因是父容器缺乏交叉轴尺寸，需设height或min-height；子元素须为同级flexitem；注意inline元素的vertical-align和line-height干扰。
-
HTML里怎么用设置浏览器顶部栏颜色只有Chrome、Edge、Firefox（桌面+安卓）、Safari（仅iOS15.4+）支持theme-color，且只在PWA或添加到主屏幕后生效；普通网页标签页里基本不显示。实际效果取决于系统UI和浏览器实现：AndroidChrome会染色地址栏，iOSSafari则影响状态栏背景（需配合viewport设置）。必须写在里，且不能动态插入（JS修改无效）值必须是合法CSS颜色，比如#4285f4、rgb(66,
-
按钮悬停时旋转可通过CSS实现：首先定义@keyframesrotateAnimation从0deg到360deg，再通过:hover触发animation:rotateAnimation0.6sease-in-outinfinitealternate，配合transition确保过渡平滑，最终实现流畅的旋转效果。
-
findLast更适合找“最后一个生效项”，因其从末尾短路查找、不创建中间数组，而filter+pop会遍历全部元素并分配内存；业务权重常由数组顺序体现，越靠后优先级越高。
-
1.统一HTML表单元素外观的核心在于剥离浏览器默认样式并施加自定义CSS。2.关键步骤包括使用appearance:none;（及其浏览器前缀）移除原生控件样式，使元素像普通标签一样可自由控制。3.设置box-sizing:border-box;确保尺寸计算一致，避免padding或border导致的膨胀问题。4.统一字体样式，通过font-family、font-size、line-height等属性保证文本显示一致。5.清除默认边框和内边距，重新定义border、padding、margin以实现统
-
浮动元素脱离文档流导致父容器高度塌陷，因父容器无法感知浮动子元素高度；清除浮动需在浮动元素后、父容器内添加clear:both的块级元素，或用.container::after{content:"";display:table;clear:both}伪元素法。
-
绝大多数HTML文件不能直接转INI；仅当HTML是人工编写的带注释配置表格时才值得转换，需清洗空格/特殊字符、处理编码BOM、确保结构清晰。
-
零源码修改切换Mock的关键是依赖可替换而非简单封装，需将requestFn作为参数传入Hook/Service，统一用工厂函数创建服务实例并注入，Mock必须与真实接口保持相同返回结构、类型定义和错误契约。
