地狱是CSS

2020-12-23 21:30:09

我之所以写这本杂志,是因为在过去的15年中的大部分时间里,我发现CSS令人困惑和不安(根本不是“高兴”!)。即使是我认为应该是“简单”的CSS更改也将永远存在,而且我经常只是更改随机事物,并从Stack Overflow中复制和粘贴。最后,我通常并不清楚我的CSS代码为何能工作,而且感觉也不好。

而且,如果您觉得CSS很奇怪,那就没错。它是!您是否知道内嵌块元素的垂直对齐方式会根据其中是否包含文字而变化?这是真的! (以下代码显示如下:https://css-examples.wizardzines.com/#inline-block-text)

但是,您可以了解关于CSS的怪异事物。一旦学习了一些基本的怪异知识,就可以轻松自信地了解CSS问题,从而轻松解决CSS问题。然后,您可以从CSS错误开始学习(“哦,保证金:auto的行为取决于父级是否是flexbox?好吧,很高兴知道!”),这意味着您遇到的每一个奇怪的CSS情况都会使您littlebit更好地使用CSS。

说明对CSS更具生产力的态度(“这并不容易,但只要投入工作,您就可以学到!”)

了解CSS的一些基础知识(什么是块元素?位置如何工作:绝对有效?填充和边距有什么区别?)

显示一些示例,说明与人们所做的相比,flexbox和grid如何更轻松,更轻松地进行布局(使用flexbox或grid居中实际上非常容易!)

这本杂志共28页,学习一些术语和一些CSS基础知识绝对不会使您成为CSS向导。但是我发现,在学习了这些基础知识之后,现在我在使用MDN和CSSTricks之类的资源时更加自信,而且我能够自己解决很多CSS问题(并了解修复方法),而以前我会这样做放弃了。我认为对您来说一样。

该杂志中的许多概念都令人惊讶,并且仅阅读它们就很难完全理解它们。 因此,本杂志附带了许多您可以使用的示例。 如果您看到“尝试我!” 在杂志的页面上,这意味着您可以尝试相应于该页面的示例。