-
grid-column-gap控制列间水平间距，row-gap控制行间垂直间距；前者作用于列轴，后者作用于行轴，两者均推荐用column-gap和row-gap替代以提升跨布局通用性。
-
HTML5input[type="datetime-local"]的min和max为什么没生效？因为值格式不匹配——min/max要求严格按YYYY-MM-DDThh:mm格式（秒可选，但必须补零），且时区隐含为本地。浏览器一发现格式不对，直接忽略整个属性。错误写法：min="2024-01-01"（缺T和时间部分）正确写法：min="2024-01-01T00:00"或min="2024-01-01T00:00:00"注意：不能写成min="2024/01/01"或带空格的
-
推荐新手直接通过官方CDN引入Layui：在head中引入CSS，在body底部引入JS，使用https://unpkg.com/layui@2.8.18/；本地部署需解压后按路径引入，注意图标字体路径和加载顺序。
-
前端性能漏斗不能照搬业务转化漏斗的“人数逐层递减”逻辑，必须以navigationStart、domContentLoadedEventEnd等关键时间点为节点，绑定session_id和行为上下文，否则只是“假漏斗”。
-
lightbox图片居中失效主因是容器未撑开或对齐逻辑触发过早；需确保图片加载完成再初始化，启用centerOnScroll，修正CSS选择器层级，并统一缩放策略。
-
首先确认Eclipse已安装Web开发组件，可通过Help→About检查版本或通过Marketplace安装WebToolsPlatform；接着设置内置浏览器预览，右键HTML文件选择OpenWith→InternalWebBrowser；为获得更真实渲染效果，可在Preferences→WebBrowser中配置外部浏览器，如添加Chrome路径；若涉及动态内容，需配置本地服务器（如Tomcat），将项目部署至服务器后通过http://localhost访问；最后可创建外部工具配置，设置一键在Chr
-
<abbr>标签必须配合title属性才能实现语义化缩写功能，否则仅为普通内联元素；title需为简洁纯文本，提供准确全称，且不可含HTML或冗余描述。
-
float导致父容器高度塌陷，因其脱离标准文档流，父容器计算高度时无法包含浮动元素；需通过触发BFC（如overflow:hidden）或伪元素清除浮动（::after{content:"";display:table;clear:both}）修复。
-
Map比普通对象快在支持任意类型键且哈希表实现O(1)查找，而对象仅支持字符串/Symbol键，非字符串键易因toString()冲突；正确序列化多参数需用JSON.stringify或模板字符串；防缓存爆炸应加LRU限制与参数稳定性评估。
-
margin控制元素外间距，padding控制内边距；两者均可通过单、双、三、四值或单独方向设置，配合box-sizing:border-box可精准布局，避免默认间距影响，提升页面结构清晰度与可读性。
-
关键在于状态与DOM严格同步：初始化用JSON.parse(localStorage.getItem('todos')||'[]')避免null报错，增删改后立即JSON.stringify存入localStorage；用data-id而非索引映射数据与DOM，checkbox通过.checked属性双向绑定，渲染时显式设置checked值，change事件中更新数据并持久化。
-
本文详解如何利用timeupdate事件监听HTML5<audio>或<video>元素的实时播放进度，并在到达预设时间点（如第30秒）时准确触发自定义逻辑，弥补#t=0,30片段截断不触发ended事件的限制。
-
HTML文字下划线怎么留白？用text-underline-offset最直接原生CSS就能控制下划线和文字底边的距离，不用伪元素、不用额外标签。关键就是text-underline-offset，它决定下划线离文字多远。常见错误是只设text-decoration:underline，结果下划线紧贴字形底部，尤其在有descender（如g、j、p）的字体里，看起来像被“切了一刀”。text-underline-offset接受长度值（2px、0.1em）或关键字（auto
-
一个<th>可通过id被多个<td>的headers属性引用（如<tdheaders="name">和<tdheaders="name">），而单个<td>也可用空格分隔多个id（如headers="nameage"）关联多个<th>，其顺序决定读屏器播报次序。
-
用position:absolute+top:0+left:0+width/height:100%使图片叠于父容器左上角，父容器需设position:relative和明确高度，配合z-index与opacity切换，预加载图片并用object-fit:cover防变形。
