这是我走进一个房间发现我的父母和侄子试图对汽车进行A到Z的启发。

无障碍

很多人忘记了，但我认为与响应能力同样重要。

B块

垂直于书写方向。

C计算

在 CSS 中进行计算。非常便利。

数码显示

block、inline、inline-block、flex、inline-flex、grid、inline-grid、none 等

E：空

一个有用的伪类，用于设置没有子元素的样式元素。只要它们内部没有任何空格即可。

F 弹性盒

当我第一次开始 CSS 时，我通过查看 Inspector 和玩弄东西来学习。然后我复制了一个用浮动进行布局的人。而且很难定位事物的位置。学习 Flexbox 会让一切变得不同。

G格

我仍然觉得 Flexbox 是更复杂、更强大的兄弟。

高度

某物水平占据多少空间。

我内联

写作方向。对于居中非常有用，您可以在其中使用 margin-inline: auto.

J 证明

在 Flexbox Zombies 中，您可以使用正义激光瞄准您射击方向的僵尸。

K @关键帧

动画步骤。

L 线高

如果文本太大或太小，可能会使文本看起来完全无法阅读。

M 边距

元素周围的空间不会使元素变大。

无

用于停止显示某些内容或删除边框。

O 对象拟合

虽然这似乎已经存在了很久，但我不久前遇到了一些相对而言的事情。它包括一些某人编写的 JavaScript，用于应对新的对象适配问题，但尚未在所有浏览器中工作。

P 填充

元素周围的间距使元素变大。负填充与负边距不同。

问询

媒体查询和容器查询，用于响应式设计和可访问性。

R响应能力

对于确保您的网站适合所有屏幕非常重要。看起来很基本，但有很多网站在某些尺寸下不适合。

特异性

当尝试覆盖第三方的样式时，这会变得很痛苦。虽然最近我看到一些CMS插件使用:where，这很有帮助。

文本

有时用于字体样式。有时你会使用字体。除非您想更改文本的颜色，在这种情况下两者都不是。

U单位

其中最常用的是 %、px、em 和 rem。还有网格中的 fr 以及过渡和动画中的 s 和 ms。

V能见度

有趣的是，可见的反面是隐藏。这不是你逻辑上认为的那样。

宽度

某物水平占据多少空间。

X 溢出-x

x 有点作弊，但是没有任何东西以 x 开头。这控制了水平溢出。 x 也与 Tailwind 一起使用，其中 mx 是水平边距。

Y 溢出-y

与 x 一样，它控制垂直溢出。 Tailwind 中 y 一般表示垂直。

Z z 指数

您可以使用的最高/最低 z 索引是 (-)2,147,483,647。或者无穷大也会给你同样的东西。但输入大量 9，然后想知道为什么它不起作用是一个更简单的方法。