-
最快实现图片模糊用CSSfilter:blur()，语法为filter:blur(3px)，单位必须带px，推荐范围0.5px–8px，动态控制宜改style.filter或切CSS类。
-
flex容器中纯文本不会垂直居中，因文本节点不参与flex布局；需包裹<span>等标签使其成为弹性项，再用align-items:center实现居中。
-
下拉框联动的核心逻辑是监听change事件并动态更新选项。需先清空目标下拉框，再根据映射关系或异步数据填充；注意防重复添加、禁用状态、错误处理及第三方库兼容性。
-
空格本身不干扰爬虫，真正问题是DOM结构脆弱、选择器过度依赖格式或服务端渲染变更；B站div末尾空格致CSS选择器失效，因>要求严格子元素关系；BeautifulSoup保留原始空白，lxml更宽容但xpath可能捕获前导空白；需区分处理文本、属性值及 实体；pandas.read_html对表格最鲁棒；空格频发本质是SSR转向CSR，应优先检测原始响应，转向API或无头浏览器。
-
<p>使用CSSFlexbox结合gap属性可快速构建响应式网格布局，通过display:flex、flex-wrap和gap设置容器，再用flex控制子项宽度，如calc(33.333%-16px)实现三列布局，并配合媒体查询在不同屏幕下调整为两列或单列，避免使用margin防止与gap冲突。</p>
-
text-align-last在Safari15.4前完全不支持，16+仅对块级元素有限支持；Chrome/Edge需配合text-align:justify才生效；Firefox支持最稳定，但中英文混排时对齐逻辑存在差异。
-
用transform:translateY()控制歌词滚动更平滑，配合will-change:transform和requestAnimationFrame，结合节流、固定行高、overflow:hidden等优化实现精准对齐。
-
级联下拉菜单的核心逻辑是通过父级选择动态筛选子级选项，确保数据联动性依赖前端事件监听、异步请求、后端数据过滤与DOM动态更新；实现时需在HTML中定义下拉元素，利用JavaScript监听父级change事件，清空并禁用子级，发送带父级参数的请求至后端接口（如/api/cities?provinceId=XXX），接收JSON格式城市列表后遍历生成option插入子级下拉框，加载完毕启用子级，同时通过禁用状态或加载提示优化体验；技术选型可采用原生Fetch、Axios或框架状态管理，优化手段包括按需加载、
-
通过CSSposition:fixed结合合理定位，可使表格中某列（如首列“leftdata”）的文字脱离文档流、悬浮于滚动区域之上，实现无论表格如何垂直滚动都持续可见的效果。
-
:last-child选择器用于选中父元素的最后一个子元素，常用于移除列表末尾边框、调整布局间距等场景；其语法为selector:last-child，要求目标元素必须是父节点的最后一个子节点且类型匹配，不支持文本或注释节点干扰，兼容现代浏览器及IE9+；相比:last-of-type，它更严格依赖结构顺序而非元素类型，能有效减少类名依赖，提升样式维护性。
-
跨平台兼容需聚焦viewport解析、input行为、flex渲染和touch-action四大差异点：强制设置viewport宽度与缩放约束；用inputmode替代type并禁用iOS自动修正；flex容器设align-content:flex-start与gap；touch-action慎用none，横向滚动用pan-y。
-
JavaScript代码压缩通过AST分析实现语义保留优化，UglifyJS已停更，推荐使用Terser；需权衡体积、可调试性与兼容性，并注意eval、字符串调用等压缩边界。
-
Flex布局中，justify-content和align-items控制主轴与交叉轴对齐，实现整体居中或分布；当需精确定位特定元素时，可结合position:relative或absolute进行局部调整。例如，flex居中容器内元素可通过relative上移10px，或在relative定位的父容器中使用absolute将角标固定于右上角。注意避免滥用absolute以免破坏流式布局，确保父容器尺寸明确，合理使用z-index控制层叠。两者协同可实现灵活精准的界面布局。
-
合理安排外部CSS引入顺序并区分关键与非关键资源可提升页面性能。首先在<head>中通过<link>引入重置样式和核心布局文件，确保首屏内容优先渲染；随后加载视觉增强类库如Animate.css。对于非关键CSS（如打印样式），采用rel="preload"结合onload或动态创建<link>元素实现异步加载，避免阻塞渲染。若使用Web字体，应配合<linkrel="preconnect">和<linkrel=
-
:not()仅接受简单选择器，而:has()是复合选择器，故:not(:has(...))虽语法合法但旧版浏览器不支持；唯一稳定写法是:not(.cls:has(>.sub))，需基础选择器+:has()组合。
