-
iframe设100%宽高未满屏，因父容器无显式高度；需html/body及所有上级元素设height:100%、margin/padding:0；推荐用100vh/100vw+viewportmeta+overflow:hidden；注意sandbox/allow权限及iOSSafariviewport高度变化问题。
-
rgb()和rgba()适合透明度控制，rgba()在rgb()基础上增加alpha参数（0–1）；十六进制颜色常用#RRGGBB或#RGB简写，不支持八位；hsl()更易微调颜色，推荐结合CSS自定义属性实现主题系统。
-
CSS动画实现自然飘动效果需用transform位移、8–12s时长、多关键帧偏移、cubic-bezier缓动，并为每个div设不同delay/duration/幅度以避免同步；移动端需加touch-action:none防干扰。
-
flex-grow控制子元素在容器有剩余空间时的扩展比例，flex-shrink决定空间不足时的收缩行为。默认flex-grow:0不扩展，flex-shrink:1可等比收缩。通过设置不同值可实现内容区自动填满、防止输入框压缩等布局效果。推荐使用flex简写如flex:1（等价于flex:110%）或flex:10auto，并配合min-width:0解决收缩失效问题，从而构建自适应弹性布局。
-
卡片缩放高亮需设transform-origin:centercenter防偏移；角标用反向scale抵消；禁用width/height过渡保性能；响应式分段设scale值；检查pointer-events/overflow/z-index确保hover生效；加will-change防文字模糊。
-
SVG布局首选Flex：需设viewBox、避免宽高冲突、响应式必配preserveAspectRatio；内联SVG才支持CSS控制内部元素，symbol+use需显式设fill或用currentColor。
-
使用Flexbox可解决表单控件对齐问题：1.设置容器display:flex；2.用align-items:center实现垂直居中；3.justify-content控制水平分布；4.配合重置margin、padding、box-sizing和统一字体行高，确保跨浏览器一致性。
-
答案：通过CSS设置容器overflow-x:auto和white-space:nowrap，结合flex布局使子元素横向排列，可实现水平滚动列表。具体步骤包括：1.设置容器固定宽度并启用横向滚动；2.使用display:flex让子项水平排列；3.子项设置flex:00auto保持尺寸，可选scroll-snap-align实现滚动吸附。适用于图片轮播、标签栏等场景。
-
DOM提供五种文本提取方法：一、textContent获取含空白的纯文本；二、innerText获取渲染后可见文本；三、innerHTML配合临时div安全剥离标签；四、childNodes遍历提取文本节点；五、querySelectorAll结合textContent批量提取。
-
简化CSS选择器和减少重绘可显著提升响应式网页性能，应避免深层嵌套与通用选择器，优先使用类名；动画采用transform和opacity并启用硬件加速，减少回流与布局抖动。
-
JavaScript对象是键值对集合，字面量{}最常用；点号访问需合法标识符，方括号支持动态属性名；delete删除属性，Object.hasOwn()最稳妥判断存在性。
-
变量提升是JavaScript编译阶段对声明的处理：var声明被绑定并初始化为undefined；let/const声明被绑定但不初始化，进入暂时性死区（TDZ），访问会报ReferenceError；函数声明完全提升，函数表达式仅变量名提升。
-
骨架屏应使用linear-gradient配合background-position动画实现光扫效果，而非静态灰色块；需设background-size大于容器、animation-delay错开节奏、IE11降级为opacity脉冲，并确保容器有明确宽高。
-
必须配合color:transparent才能使background-clip:text生效，否则文字保持默认黑色；还需添加-webkit-background-clip:text前缀并确保元素为行内或inline-block显示。
-
谷歌字体必须使用官方生成的完整URL，含css2路径、URL编码的family值及&display=swap参数；禁用file://协议本地打开，应通过HTTP服务调试；font-family需设回退字体且匹配引用名称。
