-
padding默认增大元素总尺寸，因在width/height外计算；启用box-sizing:border-box可使其从设定宽高中扣减，更符合直觉且利于响应式布局。
-
浮动布局塌陷本质是父容器未兜住脱离文档流的浮动子元素致高度坍缩，解决方法有三：一是用clear属性在浮动后加空标签清除；二是给父容器加clearfix类触发BFC；三是改用flex或grid布局天然规避。
-
<nav>标签用于定义页面主要导航区域，提升结构清晰度、可访问性和SEO；应包裹主导航链接，推荐结合<ul><li>组织导航项，便于屏幕阅读器识别；可通过CSS实现水平或响应式布局，增强用户体验。
-
requestAnimationFrame（rAF）是实现JavaScript动画最推荐的方式，它由浏览器调度、与屏幕刷新率同步（通常60fps），比setTimeout/setInterval更高效流畅省电；其回调自动传入时间戳，需手动递归调用以实现循环动画，后台标签页会自动降频。
-
position取值决定层叠行为：static无视z-index；relative/absolute/fixed/sticky需配z-index才生效；fixed相对视口，absolute相对最近已定位祖先；z-index仅在同层叠上下文中有效，opacity<1等属性会意外创建新上下文。
-
line-clamp是解决多行文本溢出最直接有效的方式，需配合display:-webkit-box、-webkit-line-clamp、overflow:hidden及-webkit-box-orient:vertical使用。
-
manifest文件必须以text/cache-manifestMIME类型提供，结构须严格按CACHE→NETWORK→FALLBACK分块，路径需相对manifest所在目录，且仅manifest内容字节变化才触发更新；HTML5manifest已废弃，推荐改用ServiceWorker。
-
首先创建含POST方法和multipart/form-data编码的表单，添加file输入框并设置accept属性限制类型，通过multiple支持多文件上传，结合JavaScript验证文件大小与格式，最后由后端脚本处理并保存文件。
-
伸展树的旋转操作分为Zig（单旋）、Zig-Zig（同向双旋）和Zig-Zag（异向双旋），在插入、查找或删除后执行_splay时根据节点与父、祖父节点的相对位置触发。Zig用于节点父节点为根的情况，Zig-Zig用于三代同侧，Zig-Zag用于三代折线结构，通过组合旋转高效压缩路径，提升后续访问性能。
-
transform会创建新的局部坐标系，其原点默认在transform-origin（默认50%50%），旋转、缩放、倾斜会改变坐标轴方向和单位长度，translate仅平移原点，且复合顺序影响最终坐标系方向。
-
使用CSSanimation与@keyframes可实现精确控制的透明度渐变，支持多阶段变化、自动播放、无限循环及复杂缓动效果，相比transition更适用于无需交互触发、需循环或组合的动画场景；通过animation-iteration-count和animation-direction可控制循环次数与播放方向，配合animation-fill-mode可决定动画结束后元素是否保持最终状态或恢复初始样式，从而创建流畅自然的视觉效果。
-
当判断基于单一变量严格相等且分支超3–4个时，switch更优；但不支持范围、布尔表达式或动态条件；字符串/数字字面量匹配适用switch，含逻辑运算或比较的必须用if。
-
常见的轻量CSS框架核心特点是体积小（通常仅几KB），专注基础样式与实用工具类，无冗余组件，加载快，易定制，适合性能敏感或渐进增强项目。
-
CSSGrid是一种二维布局系统，通过display:grid实现行列控制。使用grid-template-columns、grid-template-rows定义网格结构，gap设置间距，支持fr单位、repeat()函数和minmax()响应式布局，可精准定位元素位置，适用于复杂页面设计。
-
JavaScript数字类型为64位双精度浮点数，导致0.1+0.2≠0.3；整数安全范围为±(2^53−1)；金额应转整数运算，浮点比较需用误差容忍。
