-
当line-height被设为极小值（如2px）时，行间距严重不足，导致相邻<p>元素的文本视觉上相互覆盖；应使用无单位数值（如1.4）或移除该属性让浏览器自动计算合理行高。
-
网页JavaScript无法直接操作浏览器插件，因为浏览器出于安全考虑将网页脚本与插件隔离。1.网页运行在沙盒环境中，权限受限，仅能访问标准WebAPI；2.插件拥有更高权限，独立于网页运行，具备扩展浏览器功能的能力；3.若允许网页直接调用插件功能，将导致严重的安全风险，如数据窃取或恶意操作；4.为实现二者通信，必须通过浏览器提供的消息传递机制（如chrome.runtime.sendMessage）进行间接交互；5.插件需主动暴露接口并验证消息来源，确保通信安全可控。这种设计遵循最小权限原则和源隔离策略
-
HTML下拉框绑定onchange事件最简单方式是在<select>标签内直接添加onchange属性，且必须绑定在<select>而非<option>上；也可用addEventListener实现更灵活的解耦控制。
-
display:flex生成块级容器独占一行，display:inline-flex生成行内容器可并排显示；前者撑满父宽，后者宽由内容决定；IE10–11对后者支持差；justify-content按主轴方向对齐，主轴由flex-direction决定。
-
图标与文字在CSS中无法对齐的根本原因是未理解line-height（控制行高与基线）和vertical-align（控制行内元素相对基线偏移）的协同机制；推荐用inline-block+line-height+vertical-align组合或flex布局解决。
-
CSS对齐偏差多因盒模型计算、默认样式或单位混用所致；应启用border-box、重置margin/padding、统一单位、检查vertical-align与flex/grid对齐属性。
-
答案是CSS选择器找不到元素的核心原因在于HTML结构理解错误或选择器书写错误。首先检查DOM结构是否与预期一致，确认父子、兄弟关系及嵌套层级；其次排查选择器拼写、大小写、空格、引号等语法问题；接着分析特异性（Specificity）冲突，确保选择器权重足够高；再检查CSS加载顺序和!important的干扰；利用开发者工具查看元素实际应用的样式及覆盖情况；注意display、visibility、z-index等隐藏元素的样式；排除JavaScript动态修改DOM、ShadowDOM隔离、CSSMod
-
Animate.css是一个轻量级CSS动画库，通过引入CDN或npm安装后，使用animate__animated与预设类如fade-in、slide-in-left实现元素动画，支持JavaScript控制触发时机与重复次数，并可通过自定义CSS变量调整动画时长，适用于快速提升页面交互效果。
-
本文讲解如何精准使用:last-child选择器，避免误匹配深层嵌套中的多个同名类元素；核心在于将:last-child应用于父级直接子元素（而非目标类本身），再通过后代选择器定位其内部的.my-class。
-
color()函数支持多色彩空间精确控色，如display-p3提升色域，Lab/LCH实现感知均匀，通过fallback确保兼容性，逐步成为高精度色彩设计主流方案。
-
JavaScript的Math对象提供静态数学常量与方法：含π、e等8个只读常量；abs、pow、sqrt等基础运算；floor、ceil、round、trunc四种取整；random生成[0,1)随机数；sin/cos/tan等三角及反三角函数；hypot计算多参数平方和开方；所有方法要求数字参数，非数字转NaN。
-
CSS属性选择器不支持正则等真正模糊匹配，仅提供^=（前缀）、$=（后缀）、*=（子串包含）三种字符串位置匹配；~=用于多值属性的单词匹配，|=用于连字符语言代码匹配；复杂需求须用JavaScript。
-
ID选择器以#开头，用于为具有唯一id的HTML元素设置样式，如#header{background-color:#f1f1f1;}，仅作用于对应id元素，优先级高于类和元素选择器，适用于关键元素控制，但应避免过度使用以提升可维护性。
-
WebWorkers是浏览器提供的后台线程机制，使JS能在不阻塞主线程的前提下执行耗时任务，其核心是隔离的JS上下文，仅通过postMessage通信，不可访问DOM，支持专用/共享Worker及模块化使用。
-
Chrome和Edge强制将小于12px的font-size提升至12px以保障可访问性，Firefox无此限制但受用户级最小字号设置影响；可通过transform:scale()、SVG文字或图片替代等方法绕过，需注意布局补偿与兼容性。
