-
元素margin无反应的主因是父容器未触发BFC或发生margincollapse；解决需创建BFC、用padding替代、注意行内元素限制及margin:0auto的width和display前提。
-
直接用文本编辑器写HTML文件双击即可运行，但file:///协议下图片不显示、fetch报CORS错误等是浏览器安全限制所致；必需结构为<html><head><metacharset="utf-8"></head><body></body></html>；路径以HTML文件为基准计算，推荐用本地服务器（如python3-mhttp.server）替代双击打开。
-
浮点数精度问题源于十进制小数无法精确转换为二进制，导致如0.1+0.2≠0.3；可通过转整数、toFixed、误差范围或高精度库解决。
-
display:none使transition失效，因其立即将元素从渲染树移除，中断所有样式计算；应改用visibility+opacity、max-height或transform+opacity组合实现过渡动画。
-
图片hover时歪斜偏移因transform-origin默认为左上角，应设为center并统一写transform:skew(-6deg)rotate(2deg)；需加translateZ(0)开启GPU加速，且默认态也要有transform声明。
-
color-contrast()不是自动检测工具，而是返回候选色中最易读颜色的CSS函数，需显式列出前景候选并用against指定背景，不校验WCAG标准。
-
在iOS设备上运行HTML标签可通过三种方式实现：1.使用Safari浏览器直接打开HTML文件，适合查看静态内容，但不支持本地JavaScript运行和外部资源加载；2.借助第三方代码编辑器App如JSBox、CodeApp或TextasticCodeEditor，可编写、保存并实时预览HTML页面，支持完整开发需求；3.搭配Mac与Xcode创建iOS项目，利用WKWebView加载HTML，适用于开发者进行混合式页面测试和兼容性验证。日常使用推荐Safari，开发调试建议配合专业工具。
-
本文介绍如何为响应式导航栏添加“点击导航链接后自动关闭汉堡菜单”的交互逻辑，解决页面内锚点跳转时菜单持续展开的问题。
-
JavaScript数组操作核心在于按场景选用合适高阶函数：map用于生成新数组，forEach处理副作用，filter返回匹配项数组，find返回首个匹配项，reduce用于复杂累计逻辑，修改原数组需谨慎并明确标注。
-
auto-fill先建满所有可能轨道并留空占位，auto-fit按子元素数量建轨后拉伸填满；前者适合需预留插槽的场景，后者适合内容自适应布局。
-
CSSNano压缩后样式失效主因是默认激进规则误删/改写关键代码，需禁用mergeRules、sortSelectors等选项，确保其作为PostCSS插件正确配置在postcss-loader中且顺序合理。
-
A标签通过href、target、title、rel等属性定义链接行为，正确格式化可提升代码可读性与安全性。标准写法使用双引号包裹属性值，多属性时建议分行排列，如<ahref="https://example.com"target="_blank"title="点击访问官网"rel="noopenernoreferrer">访问网站</a>，便于维护；添加class或style时保持统一缩进，利于团队协
-
Sass模块化用@use替代@import实现样式作用域隔离，组件独立文件+语义类名map集中管理+响应式变量同步测试配置，确保样式可定位、可替换、可验证。
-
CSS网格线命名必须在grid-template-columns/rows中轨道尺寸前后用空格包围的[name]语法，如1fr[header-top]2fr；命名仅提供语义别名供grid-column-start等引用，区分大小写且行列线独立，不支持变量，兼容现代浏览器但IE不支持。
-
CSS变量不能直接用于@media条件，需通过:root定义断点值并配合媒体查询重设、构建工具替换或JS动态控制；流体缩放应使用clamp()与calc()组合变量，注意单位兼容性；变量仅传递状态，响应逻辑仍需媒体查询、容器查询或JS监听配合。
