CSS 两栏布局最推荐用 flex 实现：给容器写 display: flex，左栏定宽、右栏 flex:1 即可天然等高、随容器伸缩。本文一次讲清 float、flex、grid 三种常见方案，对比兼容性与响应式写法，帮你避开父容器塌陷、小屏横向溢出、两栏不等高等高频坑，快速选对适合项目的布局方式。

CSS 文字居中常用四种方法：text-align 实现水平居中，line-height 实现单行垂直居中，flex 通过 justify-content 与 align-items 同时居中，grid 用 place-items 居中。多行文字优先选 flex 或 grid，简单水平居中用 text-align 即可，垂直居中记得给父容器一个明确高度。

清除浮动最稳妥的方案，是给浮动的父元素加一个 ::after 伪元素并写 clear:both，也就是前端常说的 clearfix 写法。本文对比 clear:both、overflow:hidden、伪元素 clearfix 三种主流方法，讲清浮动塌陷的成因、各自的适用场景与常见坑点，并给出选型建议，帮你给不同布局选对清除浮动方案。

CSS 垂直居中现代最稳的是 Flexbox：父容器 display:flex 加 align-items:center 一行搞定，也可用 Grid 的 place-items:center。本文覆盖 flex、grid、绝对定位、line-height 四种方法，附场景对比表，并讲清父容器没有确定高度时为什么不生效，以及几个高频误区。

本文详细讲解 CSS 布局实战，覆盖 CSS、Flex、Grid 等核心要点，从基础概念到实操步骤层层拆解，并给出可直接套用的多种实践方法，附带常见坑点与适用场景说明，帮你快速掌握 CSS 的布局思路与避坑技巧。

本文详细讲解CSS background-size 怎么用，覆盖CSS、cover、contain等核心要点，从基础概念到实操步骤层层拆解，并给出可直接套用的多种实践方法，附带常见坑点与适用场景说明，帮你快速掌握CSS background-size 怎么用的使用思路与避坑技巧。

CSS 隐藏元素最易混的两种写法：display:none 彻底移除、不占位置、不能点击；visibility:hidden 只隐身、仍占位、默认不响应。本文对比二者差异与适用场景，并补充 opacity:0 等技巧与两个常见坑，帮你选对写法、不再让页面错位或留白。

本文讲清 CSS 怎么用 border-radius 给按钮、卡片等元素加圆角：写一个值四个角一起圆最常用，写多个值或单独属性可精细控制每个角。同时指出正方形配 50% 才能做正圆头像、长方形变椭圆等常见坑，帮你把圆角用好看。

CSS 文字两端对齐，就是给段落设 text-align:justify，让每行首尾都贴齐容器两边。本文讲清 justify 做了什么、为什么中文常常看不出效果，提供 text-align-last 补齐最后一行、hyphens 防英文断词的写法，并列出短标签、标题、窄容器等不该用的场景，帮你把文字排得像报纸一样整齐。