-
使用grid-auto-rows和minmax()可统一CSS网格行高，避免错位。通过grid-auto-rows设置固定行高或结合minmax()定义最小高度与自适应扩展，实现内容适配与视觉整齐；再配合grid-template-rows可对前几行单独设定，其余行按规则自动生成，提升布局灵活性与一致性。
-
本地CSS加载更快但需维护路径和构建流程，远程CSS依赖网络却可复用CDN缓存；生产环境优先本地化第三方样式，仅当资源极稳定、多站共用且配置好CSP与fallback时才考虑远程引入。
-
required属性仅在原生表单提交时生效，若用JavaScript提交需手动调用checkValidity()；type="email"/"url"验证宽松，后端必须校验；setCustomValidity()需配合input事件清空状态，pattern自动锚定且不支持正则标志。
-
font-kerning控制字偶距启用与否，仅影响特定字符对间距，与文本截断无关；实现单行截断需overflow:hidden、white-space:nowrap、text-overflow:ellipsis三者配合。
-
JavaScript模块不是语法糖，而是需严格遵循export/import规则、在模块环境下执行的代码组织机制；默认脚本非模块，须通过type="module"或Node.js的"type":"module"启用，强制作用域隔离、显式依赖和静态路径。
-
HTML5无法真正加密脚本，动态加载仅能提高逆向门槛；基础方式为createElement或import()加载，Base64混淆易被绕过，AES+Blob方案仍受限于密钥安全，核心逻辑必须置于服务端。
-
contenteditable仅提供基础编辑能力，不支持格式控制、撤销、安全粘贴等高级功能，适合轻量场景；真富文本需用Slate/Lexical等底层自研方案。
-
border-radius生效但图片圆角不显示的主因是父容器未设overflow:hidden，导致图片溢出不被裁剪；其次需排查transform、will-change、object-fit:none及iOS渲染兼容性问题。
-
Tailwind受欢迎是因为它精准匹配前端开发节奏与协作现实：样式内联HTML、响应式前缀化、无命名冲突、删除页面即删样式、主题切换便捷、不强制UI但提供灵活原子类。
-
原生CSS响应式适配工作量大，因需手动写@media断点、测多设备参数、处理老浏览器flexfallback及iOSSafariviewportbug；Tailwind通过sm:、md:等前缀在构建时生成真实CSS规则，实现“声明即适配”；Bootstrap5以container-fluid和g-3等现代工具类提供开箱即用的栅格与间距方案；但字体、图片srcset、表单样式等细节仍需手动处理。
-
必须设置border-style才能显示边框，通过border-width、border-color和border-style可分别定义宽度、颜色和样式，或用简写属性border统一设置，如"border:2pxsolidblue"，也可单独设置某一边如border-top，四者结合CSS实现元素边框控制。
-
CSS中子代选择符“>”严格匹配直接子元素，空格为后代选择符会匹配任意层级；如ul>li只选一级子li，而ulli会选嵌套多层的li。
-
CSS新增的:has()伪类允许基于后代、兄弟或后续兄弟元素的状态反向影响祖先或前置元素样式，从而在纯CSS中实现传统上需JavaScript完成的“跨结构响应式样式控制”，如点击/悬停远端元素时改变非嵌套目标的外观。
-
JavaScript严格模式是ES5引入的更严格、更安全的运行模式，通过"usestrict"启用，主动报错而非静默失败；防止意外创建全局变量、禁止静默失败操作、限制不安全语法、增强安全与调试体验。
-
React函数组件每次渲染都会重新执行，但useState等Hook能让状态变量在多次渲染间保持存活——这并非依赖常规局部变量，而是通过JavaScript闭包与React内部Fiber节点协同实现的状态持久化。
