-
justify-content控制flex容器主轴上直接子元素的剩余空间分配，不影响换行、交叉轴及子项尺寸；常见失效原因包括非flex容器、无剩余空间或主轴方向误解。
-
jQuery已过时，因现代浏览器全面支持ES2015+和原生DOMAPI，document.querySelector、classList、fetch等性能更高且无副作用，旧写法须立即替换为原生等价实现。
-
正确选择timing-function可提升透明度过渡的流畅性。通过opacity与transition配合，结合ease-out、ease-in或自定义cubic-bezier曲线，实现自然的淡入淡出效果，同时利用硬件加速优化性能。
-
HTML文件可直接在本地运行，只需用浏览器打开即可。1.确保文件后缀为.html或.htm；2.双击文件或右键选择浏览器打开；3.通过浏览器菜单“打开文件”或快捷键Ctrl+O；4.拖拽文件到浏览器标签页加载。注意外部资源路径需正确。
-
justify-items和align-items仅使子项在各自网格单元格内居中，不实现容器级绝对居中；单子项绝对居中应使用margin:auto或place-items:center，注意层级覆盖与容器尺寸约束。
-
根本原因是浏览器原生支持差异和系统级依赖：Chrome/Edge/新版Safari原生支持，Firefox需手动开启dom.forms.datetimepicker.enabled，iOSSafari则依赖系统语言与区域设置（如lang="zh-CN"且区域设为“中国”），并受CSS（appearance/pointer-events）和JS（disabled/readonly）限制。
-
小屏卡片错位或溢出主因是视口控制缺失与弹性容器响应边界不当，具体表现为width固定、min-width过大、flex-wrap未启用；应改用clamp()自适应宽度，配合aspect-ratio、line-clamp和contain优化性能。
-
首先将HTML代码保存为.html文件，再通过浏览器打开即可查看效果。具体步骤包括：使用记事本编写代码并以.html格式保存，确保选择“所有文件”类型；双击文件或右键选择浏览器打开，验证页面显示是否正确；也可使用VSCode等编辑器配合LiveServer插件实现实时预览，提升开发效率。
-
推荐优先使用<linkmedia>控制样式表加载，其根据媒体查询条件决定是否应用；@import因阻塞解析且无法动态管理而不推荐；需运行时判断时应通过JS动态创建并插入<link>。
-
margin:auto水平居中失败的根本原因是元素非块级或width为auto；必须同时满足：块级元素、有明确width值、左右margin设为auto。
-
line-height能让单行文字“看起来”垂直居中，是因为它将多余高度均分到文字上下两侧，使内容区中线与容器中线重合；但仅适用于固定高度、纯inline内容的单行文本场景。
-
使用inset关键字可将box-shadow设置为内阴影，语法为box-shadow:inseth-offsetv-offsetblurspreadcolor；例如.inner-shadow-box{box-shadow:inset2px2px5pxrgba(0,0,0,0.3);}可创建右下方向灰色内阴影，常用于文本框聚焦、按钮按下状态或卡片层次感设计；支持多层阴影，如box-shadow:inset02px4pxrgba(0,0,0,0.2),inset0-2px4pxrgba(0,0,0,0.1)实
-
外边距重叠仅发生在垂直方向块级元素间，需同时满足：标准流、无隔离、相邻或特定父子关系；合并规则为取较大值、绝对值较大者或代数相加；推荐用padding/border、display:flow-root、Flex/Gridgap解决。
-
CSS中margin所有方向的百分比均以包含块宽度为基准，而非对应方向尺寸；绝对定位元素则以最近非static祖先的宽度为准；top/bottom定位值才以包含块高度为基准。
-
JavaScript项目依赖须通过npm/pnpm和package.json自动管理，手动操作会导致版本混乱；初始化需运行npminit-y生成标准package.json，注意name命名规范及type设为"module"；依赖分production、dev、peer三类，安装命令和写入字段不同；package-lock.json不可删改，保障依赖一致性，多人协作必须提交；升级依赖需查CHANGELOG、验间接依赖，CI应使用npmci而非npminstall。
