这是因为我走进一个房间,发现我的父母和侄子正在尝试对汽车进行 A 到 Z 操作。
很多人忘记了,但我认为与响应能力同样重要。
垂直于书写方向。
在 CSS 中进行计算。非常方便。
块、内联、内联块、Flex、内联Flex、网格、内联网格、无等
一个有用的伪类,用于设置没有子元素的样式元素。只要它们内部没有任何空白即可。
当我第一次开始 CSS 时,我通过查看 Inspector 和玩弄东西来学习。然后我复制了一个用浮动进行布局的人。而且很难定位事物的位置。学习 Flexbox 会让一切变得不同。
我仍然觉得 Flexbox 是更复杂、更强大的兄弟。
某物水平占据多少空间。
写作方向。对于居中非常有用,您可以在其中使用 margin-inline: auto。
在 Flexbox Zombies 中,您可以使用正义激光瞄准您射击方向的僵尸。
动画步骤。
如果文本太大或太小,可能会导致文本看起来完全无法阅读。
元素周围的空间不会使元素变大。
用于停止显示某些内容或删除边框。
虽然这似乎已经存在了很久,但我不久前遇到过一些相对而言的事情。它包括一些某人编写的 JavaScript,用于应对新的对象适配问题,但尚未在所有浏览器中工作。
元素周围的间距使元素变大。负填充与负边距不同。
媒体查询和容器查询,用于响应式设计和可访问性。
对于确保您的网站适合所有屏幕非常重要。看起来很基本,但有很多网站在某些尺寸下不适合。
当尝试覆盖第三方的样式时,这会变得很痛苦。虽然最近我看到一些CMS插件使用:where,这很有帮助。
有时用于字体样式。有时你会使用字体。除非您想更改文本的颜色,在这种情况下两者都不是。
其中最常用的是 %、px、em 和 rem。还有网格中的 fr 以及过渡和动画中的 s 和 ms。
有趣的是,可见的反面是隐藏的。这不是你逻辑上认为的那样。
某物水平占据多少空间。
x 有点作弊,但是没有任何东西以 x 开头。这控制了水平溢出。 x 也与 Tailwind 一起使用,其中 mx 是水平边距。
与 x 一样,它控制垂直溢出。 Tailwind 中 y 一般表示垂直。
您可以使用的最高/最低 z-index 是 (-)2,147,483,647。或者无穷大也会给你同样的东西。但输入大量 9,然后想知道为什么它不起作用是一个更简单的方法。
以上是CSS 的 A 到 Z的详细内容。更多信息请关注PHP中文网其他相关文章!