CSS 的 A 到 Z

WBOY
发布: 2024-08-06 01:21:49
原创
821 人浏览过

An A to Z of CSS

这是我走进一个房间发现我的父母和侄子正在尝试对汽车进行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-index 是 (-)2,147,483,647。或者无穷大也会给你同样的东西。但输入大量 9,然后想知道为什么它不起作用是一个更简单的方法。

以上是CSS 的 A 到 Z的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:dev.to
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!