這是我走進一個房間發現我的父母和侄子試圖對汽車進行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，然後想知道為什麼它不起作用是一個更簡單的方法。