-
Hex颜色偏色主因是色彩空间不一致、系统级设置干扰、透明度叠加错觉及显示器未校准；需统一使用sRGB、关闭美化功能、在纯净环境中验证。
-
HTML5废弃了<font>、<center>等表现型标签及align等属性，须用CSS替代；语义标签如<section>需配标题，不可盲目替换div；DOCTYPE必须为<!DOCTYPEhtml>，编码声明用<metacharset="utf-8">且置于head最前；表单新属性需JS降级兼容。
-
表头单元格（th）默认加粗且居中显示，便于区分数据；文本通常水平居中、垂直居中，继承字体但样式更突出，具体受浏览器默认样式及CSS重置影响。
-
使用外边距控制浮动列间距，需合理设置每列margin并清除浮动。例如三列布局：width:30%，margin-right:4.66%，末列margin-right:0，总宽度控制在99.5%以内，配合clearfix防止塌陷。
-
relative定位“不占位却还占位”是因为元素仍在文档流中，原始位置被保留，仅视觉偏移；absolute失效主因是缺少已定位祖先，需父级设relative以提供定位上下文。
-
校正HTML页面布局与样式错误需五步：一、验证HTML语法并修复结构；二、重置CSS消除浏览器差异；三、排查盒模型与定位冲突；四、分离结构与样式职责；五、检测响应式断点与媒体查询失效。
-
设置width和height固定尺寸；2.使用box-sizing:border-box包含padding和border；3.通过overflow控制内容溢出，确保盒模型稳定不変。
-
使用CSSGrid实现响应式图片画廊，关键在于grid-template-columns配合minmax()和auto-fit。容器设为display:grid，使用repeat(auto-fit,minmax(200px,1fr))让列数自适应屏幕宽度，小屏少列、大屏多列；gap和padding优化间距；img设置width:100%、height:auto保证等比缩放不溢出；可选添加overflow:hidden和:hover缩放提升视觉效果；通过@media(max-width:480px)设1fr
-
最可靠方案是用Flex或Grid布局替代float/inline-block；Flex适用于均匀分布，Grid适合固定列数；需规避vertical-align和line-height导致的偏移及最后一行塌陷问题。
-
用position:absolute叠加图片需父容器设position:relative，img2用absolute+top/left定位，居中用top:50%;left:50%;transform:translate(-50%,-50%)，z-index显式设置更稳妥。
-
font-size不支持平滑CSS过渡，应改用transform:scale()配合transform-origin实现视觉平滑缩放；响应式场景优先使用clamp()+transition:font-size；强制过渡需JS插值。
-
height:0到height:auto无法直接过渡，因CSStransition需明确数值而auto是运行时计算值；常用max-height替代，设足够大的固定值并配合overflow:hidden；JS方案用scrollHeight动态获取真实高度；Chromium114+支持@starting-style实现原生height过渡但兼容性有限。
-
本文详解Django多层URL包含（include）中因重复引入同一应用路由导致的url模板标签解析错误，并提供清晰、可维护的URL分层设计方案。
-
box-shadow生效需元素有渲染盒：设置宽高、背景色或为块级元素；参数为水平偏移、垂直偏移、模糊半径和颜色；图片需设display:block，文字用text-shadow；多层阴影用逗号分隔，inset实现内阴影。
-
JavaScript中链表需手动实现，核心是用对象模拟节点并通过next指针连接；单向链表节点含val和next，链表类维护head，支持O(1)头插、O(n)尾插及索引操作，需注意空链表和边界处理。
