-
HTML5缩放依赖CSStransform:scale()，需配合transition或@keyframes实现动画；Canvas中须用ctx.scale()在绘图层缩放，避免CSS拉伸模糊。
-
Flex容器通过justify-content和align-items控制子元素在主轴与交叉轴的整体对齐，而子元素可使用align-self或margin:auto进行独立调整。例如导航栏居中显示时，登录按钮通过margin-left:auto靠右。结合两者可实现复杂且灵活的布局效果，如垂直居中、卡片内元素错位排列等，兼顾统一性与特殊需求。
-
PHPStorm新建HTML文件未自动应用HTML5结构时，需检查并设置默认HTML模板为HTML5格式，或使用LiveTemplate输入html5后按Tab键快速生成标准结构。
-
JavaScript通过window.matchMedia()监听媒体查询变化实现响应式行为，支持动态切换UI、资源加载和交互逻辑，需与CSS断点保持一致并及时清理监听器。
-
可用CSS变量配合hsl()与滚动位置实现颜色自然过渡：将HSL分量映射至滚动进度，通过scroll-timeline（Chrome115+）或JS动态更新变量，注意H值跨360°需归一化处理。
-
IntlAPI提供高级功能实现精准国际化：1.NumberFormat支持单位和紧凑格式，如“5kilograms”“1.2K”；2.RelativeTimeFormat生成“昨天”“后天”等自然语言时间；3.Collator按语言习惯排序，支持忽略重音、数值排序；4.ListFormat格式化列表为符合语法规则的自然语言，如“苹果和香蕉”“redorblue”。
-
不用<hr>而选::after伪元素，因<hr>是语义化分隔符，适用于文档结构级分割，而内容区内视觉分割线多为装饰性需求；::after更轻量、灵活且不干扰语义与可访问性。
-
justify-content:space-around是Flexbox中用于实现子元素等间距排列的属性值，它将主轴空间平均分配给每个子项两侧，使元素间视觉间距相等，两端留白为中间的一半，适用于导航栏、图标组、卡片列表等布局场景，相比space-between更具外边距，相比space-evenly更显自然；使用时需确保父容器设置display:flex，并注意容器宽度与子元素数量，避免压缩或溢出，可配合flex-wrap处理换行。
-
答案：CSS选择器通过组合方式精确匹配元素，优先级按a-b-c-d规则计算，!important最高但慎用，后定义覆盖前定义。
-
多端样式差异源于视口、像素密度、交互方式及浏览器支持不同；应采用移动优先+逐步增强策略，用css-mqpacker归并相同媒体查询，配合断点变量统一管理，避免设备检测，聚焦特性查询与视口逻辑。
-
let和const均为块级作用域、不提升、不可重复声明，区别仅在能否重新赋值；var因函数作用域和变量提升易引发闭包、泄露等问题，应避免使用。
-
align-items:stretch失效主因是子项存在height/min-height/max-height、align-self非stretch、flex:none或替换元素未处理；解决需统一设min-height:0并调整img/button等显示与对齐。
-
最安全的写法是单值border-radius:10px，四角等半径得标准圆角矩形；斜杠写法如10px/20px会触发椭圆模式；四值需严格按左上、右上、右下、左下顺序；超尺寸时浏览器自动限制为宽高一半；表格中需对单元格设圆角并配合overflow:hidden裁剪。
-
需通过script标签引入CDN资源并匹配挂载点：一、Vue3用vue.global.js，createApp挂载至#app；二、React18需react、react-dom与babel，createRoot渲染；三、Vue3ESM方式用type="module"导入vue.esm-browser.js；四、Preact单文件替代React，体积更小。
-
clearfix是通过伪元素插入清除浮动的内容，使父容器正确包裹浮动子元素的技术。使用::after创建隐藏块级元素并应用clear:both，结合zoom:1兼容旧版IE，可防止父元素高度塌陷，常用于处理浮动布局问题。
