术语库

Transition

元素状态变化时，让颜色、位置、大小等属性在一小段时间内平滑变化，而不是瞬间跳过去。

Flexbox

让一组元素沿一个方向（横向或纵向）排成一排，并方便地控制对齐、间距和伸缩的 CSS 布局方式。

CSS Grid

把区域划分成由行和列组成的网格，再把元素放进格子里，适合行列都要对齐的二维布局。

Media Query

CSS 里按条件生效的样式规则，比如屏幕宽度小于 768px、系统开启深色模式时才应用某些样式。

CSS Position

用 position 属性让元素脱离正常的排列顺序，按指定偏移量摆放，常用于角标、悬浮按钮和固定导航栏。

z-index

元素重叠时决定谁显示在上面的 CSS 属性，数值越大越靠前，常用于弹窗、下拉菜单和吸顶导航。

Overflow

内容超出容器大小时的处理方式：露在外面、裁掉、出现滚动条，或者把长文字截断成省略号。

Line Height

一行文字所占的高度，决定多行文字之间的疏密，正文通常设为字号的 1.5 到 1.8 倍。

Border Radius

把元素的直角变成圆弧的 CSS 效果，数值越大越圆，是决定界面风格偏硬朗还是偏柔和的关键之一。

Box Shadow

在元素下方加一层模糊的暗影，让它看起来浮在页面之上，阴影越大越柔，元素显得越高。

CSS Custom Properties

在 CSS 里给一个值起名字、存起来反复使用，改一处就能全局生效，常用来管理颜色、间距和主题。