首頁 > web前端 > css教學 > CSS 的 A 到 Z

CSS 的 A 到 Z

WBOY
發布: 2024-08-06 01:21:49
原創
950 人瀏覽過

An A to Z of CSS

這是因為我走進一個房間,發現我的父母和侄子正在嘗試對汽車進行 A 到 Z 操作。

無障礙

很多人都忘了,但我認為與回應能力同樣重要。

B塊

垂直於書寫方向。

C計算

在 CSS 中進行計算。非常方便。

數碼顯示

區塊、內聯、內聯塊、Flex、內聯Flex、網格、內聯網格、無等

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-index 是 (-)2,147,483,647。或者無窮大也會給你同樣的東西。但輸入大量 9,然後想知道為什麼它不起作用是一個更簡單的方法。

以上是CSS 的 A 到 Z的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:dev.to
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板