
display
flexbox居中需父容器设display:flex、justify-content:center和align-items:center,并有明确高度;子元素不能脱离flex流;grid居中用plac...
没必要刻意使用web安全色了。现代浏览器均支持24位真彩色,不存在自动抖动问题;所谓“意外触发”实为工具链残留或配置误判,真正需关注的是alpha色、CSS变量兼容性及色域fallback等实际渲染行...
兼容性最强的是float+margin方案,支持IE6;现代项目首选flex布局,IE10+支持;grid最简洁但仅限现代浏览器;absolute定位因脱离文档流、维护难、可访问性差而不推荐。
真正可读的文章页需控制视线移动成本:行宽65ch、行高1.5–1.6、段间距>行高;标题用font-weight:600+渐进字号+足够下边距;图片/引用/代码块须独立呼吸空间;移动端强制最小字号、适...
min-height无效通常因盒模型或布局限制导致,需检查display类型、父容器塌陷、Flex对齐覆盖、CSS优先级及是否脱离文档流。
flex-basis是flex项目在主轴方向的初始大小,仅对flex容器生效,可被flex-grow/shrink调整;而width/height是通用尺寸属性,在flex布局中不直接作为主轴基准,除...
CSSGrid可高效构建后台页面布局:通过grid-template-areas划分header、nav、main、footer区域,配合响应式媒体查询适配移动端,辅以gap、min-height等技...
可将多个transition属性合并为一条声明,用逗号分隔各组过渡定义,每组格式为propertydurationtiming-functiondelay,需指定时长,推荐显式控制而非滥用all,并可...
使用Select2后原生change事件监听失效,是因为Select2将原始元素隐藏并用自定义DOM替代,需监听Select2特有的select2:select和select2:unselect事件,...
overflow:hidden通过触发BFC使父容器正确包裹浮动或溢出内容,而非单纯隐藏;适用于浮动未清除、负margin、内容过长等场景,但会裁剪超出区域的内容。