-
font-size:0能消除inline-block间隙，因其使HTML解析生成的空白文本节点失去字号而不可见；但子元素需显式重设font-size、line-height等继承属性，否则文字消失或布局错乱。
-
display: block：使图片成为块级元素，占据整行。margin: 0 auto：水平居中图片。方法二：使用 CSS 类（推荐）
加display:block是使img居中的必要前提，因其默认为行内元素，而margin:0auto仅对块级元素生效；若不设置，该样式会被浏览器直接忽略。
-
当图片被包裹在<a>标签中时，若链接区域超出图片实际尺寸，往往源于默认行内元素行为或不当的布局属性；本文通过重构容器结构与合理设置display属性，精准限定点击范围为图片视觉边界。当图片被包裹在``标签中时，若链接区域超出图片实际尺寸，往往源于默认行内元素行为或不当的布局属性；本文通过重构容器结构与合理设置`display`属性，精准限定点击范围为图片视觉边界。在Web开发中，一个常见却易被忽视的问题是：图片链接（<
-
图片加载失败时alt文案不显示，通常不是alt写错，而是图片未用<img>标签、被CSS隐藏、或动态插入时src非法/为空导致浏览器未触发加载失败逻辑；alt必须存在于合法<img>中且非空（装饰图用alt=""），否则无法生效。
-
后代选择器（空格）匹配所有嵌套层级的后代元素，不关心中间隔几层；子选择器（>）仅匹配直接子元素，要求目标为父元素的第一层子节点。
-
本文介绍使用Element.closest()配合精确CSS选择器，无需循环遍历即可稳定定位嵌套无限制的多级列表中对应的顶层<liclass="list-item">元素。本文介绍使用`Element.closest()`配合精确CSS选择器，无需循环遍历即可稳定定位嵌套无限制的多级列表中对应的顶层``元素。在处理深度不确定的嵌套列表（如树形菜单、分类导航）时，常需从任意子级<li>快速回溯到其所属的“
-
不能仅靠<inputtype="number">原生控件实现可靠数量增减，因其箭头样式难控、跨浏览器行为不一致（如Safari无法隐藏箭头）、移动端键盘适配差、小数step精度异常、不响应click事件且缺乏视觉反馈，必须用button+text输入框手动封装步进器。
-
位图索引通过将权限映射为整数的二进制位实现高效校验，固定枚举编号、单用户仅需8字节存储、零查询位运算判断权限，超64项时分段管理，内存节省95%以上。
-
闭包是函数记住其创建时的词法环境，关键在于内层函数是否引用并持续访问外层变量。典型误区包括误认所有嵌套函数都是闭包、混淆闭包与语法关键字、等同闭包与内存泄漏；for循环中var声明的i在setTimeout输出5，源于函数作用域共享与变量提升；let、IIFE或setTimeout传参可解决；闭包会阻止垃圾回收被引用的变量，需及时移除监听器、避免过度捕获、必要时手动置null；ChromeDevTools的Scope面板中Closure分组可查看实际捕获的变量。
-
纯HTML无法实现鼠标跟随，必须用JavaScript监听mousemove事件获取clientX/clientY坐标并动态更新元素transform或left/top样式，CSS仅能辅助过渡动画和视觉表现，无法读取鼠标实时位置。
-
fetch是浏览器原生API，轻量但需手动处理错误、Cookie、超时等；axios是第三方库，开箱即用，内置拦截器、自动JSON序列化、超时控制等功能，适合中大型项目。
-
首先将HTML文件添加到WindowsDefender排除列表以避免误报，具体可通过三种方式实现：一、在Windows安全中心的病毒和威胁防护设置中，进入排除项并添加该文件或文件夹路径；二、以管理员身份运行PowerShell，使用Add-MpPreference命令将文件所在路径加入ExclusionPath；三、对于专业版系统，可使用组策略编辑器，在“MicrosoftDefender防病毒”下的排除项中配置文件夹或文件类型排除规则，从而全局生效。
-
组合选择器通过联合多个基础选择器更精准定位元素。例如p.red表示同时是段落且有red类的元素；常见形式包括标签+类、标签+ID、类+类，如p.highlight选中带highlight类的段落，.btn.primary选中同时含btn和primary类的按钮；使用时需注意顺序不影响匹配、不可加空格、优先级较高以及避免过度嵌套。
-
HTML中写style属性算“写样式”，但仅是优先级最高的一次性内联覆盖，无法支持伪类、媒体查询、CSS变量及动画，且难维护、易冲突、触发重排，适用场景仅限JS实时计算或SSR动态状态。
-
卡片堆叠不必须用position:absolute；本质由层叠上下文和z-index控制，position:relative等也能触发，但z-index对static无效，且父子层叠上下文会隔离z-index作用域。105 收藏
display: block：使图片成为块级元素，占据整行。margin: 0 auto：水平居中图片。方法二：使用 CSS 类（推荐）