-
浮动（float）用于元素左右排列，实现图文环绕和多列布局，但会导致父容器高度塌陷，需通过clear、overflow或伪元素清除浮动；虽可构建两栏或三列布局，但响应式差、维护难，现代开发推荐使用Flexbox和Grid替代。
-
在HTML中推荐使用<time>元素标记时间日期信息，以提升内容的语义化、可访问性和SEO效果。1.<time>通过datetime属性提供机器可读的ISO8601格式时间，同时保留人类可读的显示内容；2.使用<time>有助于搜索引擎识别并展示富文本摘要，提高点击率；3.屏幕阅读器可准确解析时间信息，增强辅助功能体验；4.常见错误包括datetime格式不规范、滥用标签及忽视时区问题；5.<time>还可表示持续时间，如“PT3H45M”代表3小时45分钟
-
本文详解如何在Bootstrap5中正确构建多卡片轮播组件，通过card-group+carousel-item组合实现每页展示3张等高卡片，并规避Bootstrap版本混用冲突。
-
overflow属性影响内容溢出时的显示与裁剪，尤其在定位元素中决定子元素是否被截断。其取值visible、hidden、scroll、auto分别控制溢出行为；当祖先元素overflow为hidden时，绝对定位子元素会遭裁剪，常导致下拉菜单或弹窗显示异常；设置overflow为hidden或auto可创建BFC，防止margin折叠并包含浮动；实际开发中应避免根元素设为hidden以防fixed元素被裁剪，优先使用auto以提升体验，并注意组件层级与兼容性问题。
-
animation-fill-mode:forwards只在动画播放完成时生效，需配合animation-duration等明确结束时间的属性；若使用infinite、缺末帧或被简写覆盖则无效。
-
gap在flex布局中生效的前提是父容器必须设置display:flex或inline-flex；仅设flex-wrap:wrap而无display:flex会导致gap失效。
-
JavaScript表单动态验证需监听input、blur等事件实时反馈，避免干扰；用防抖节流处理高频输入，setCustomValidity()协调原生验证，区分字段验证节奏，并处理输入法、粘贴等边界情况。
-
requestIdleCallback与事件循环的关系是：它在每帧渲染完成后、浏览器判断有空闲时间时执行回调，利用主线程的碎片时间处理低优先级任务；2.它解决了因耗时任务阻塞主线程导致的UI卡顿问题，提升响应性；3.区别在于：setTimeout只按时间延迟执行、不避让渲染，requestAnimationFrame专为动画设计、高优先级同步渲染，而requestIdleCallback则主动让出执行权给高优先级任务，仅在空闲时运行；4.实际使用需识别非关键任务（如数据上报、预加载）、拆分任务并基于dea
-
align-items:center未垂直居中，最常见原因是容器缺少明确高度或子元素为inline元素；需同时满足：父容器为flex、有交叉轴尺寸（如height）、子元素非纯文本或已设为block。
-
hover离开时过渡失效的根本原因是transition未在默认状态声明，必须在基础选择器中设置transition属性，而非仅写在:hover里，才能确保进出均有平滑动画。
-
Grid布局元素视觉错乱的本质是未在CSS中明确控制排列而依赖HTML源顺序；用grid-template-areas通过命名区域定义“平面布局图”，配合grid-area指定位置，可读性强、易维护且天然支持响应式重排。
-
最后一行按钮掉下来是因为末尾按钮的margin-right占用多余空间；应改用margin-left从第二个按钮开始设置，或直接使用flex布局配合justify-content或gap控制间距。
-
通过灵活运用flex-grow、flex-shrink和百分比宽度可实现Flexbox子元素宽度自适应：flex-grow控制子元素在容器剩余空间中的放大比例，flex-shrink定义其超出时的压缩比例，flex-basis或width设置初始尺寸；例如左侧导航设width:25%，右侧主内容设flex:1即可自动填充剩余空间；关键区域可通过flex-shrink:0防止压缩，结合min-width避免溢出；输入框与按钮布局中，输入框设flex:1自适应，按钮设flex-shrink:0和固定宽度以保持
-
CSS中font-size支持transition，但需用稳定单位（如px）、显式声明起止值并写在基础选择器上；否则因单位不一致或继承链变动导致失效。
-
掌握HTML需按五步系统学习：一、理解核心概念与标准文档结构；二、掌握语义化标签及嵌套规则；三、实践表单与多媒体标签写法；四、用W3C验证并修正错误；五、构建完整静态页面综合输出。
