新手如何开始学习使用 CSS？

这个问题由 Nikita James 提出。

我经常遇到这个问题，而且令人惊讶的是，它很难回答。问题在于，这个问题没有包含提问者的背景，而这将在很大程度上决定最佳的行动方案。

• 您是否真的是刚开始接触网页设计？也就是说，您以前从未设计过网站吗？
• 您以前是否设计过网站，但从未使用过 CSS？也就是说，您是否来自基于表格的思维方式？
• 您以前是否设计过网站（图形设计），但从未进行过实际编码？

我最喜欢的类比是，学习网页设计就像学习弹吉他。

当您拿到第一把吉他时，您的眼中充满了星星。您想象着自己站在舞台上，与成群的狂热粉丝一起摇滚。或者至少，您想象着自己坐在兄弟会的门廊上弹奏戴夫·马修乐队的歌曲，从而增加当晚被约会的几率。但为了达到那个目标，您需要进行大量的练习。所以您买了一本书。它教你如何弹 G 和弦和 Dm 和弦。然后，您学习了 C 利底亚调式中的所有音符，并学习了一些指法练习。很棒。现在您感到非常无聊，吉他被送到了当铺。

您需要一些可以深入研究的东西！一些有趣的东西，一些可以让你继续演奏和练习的东西，这样你就可以保持兴奋。也许“第一步”应该是学习几个简单的和弦形状，然后学习一首 非常简单的 Social Distortion 曲子。

这就像网页设计。您都渴望构建一个外观很棒的网站。所以您出去买了一本书。它告诉您应该如何使用 XHTML 1.0 STRICT，以及无序列表是什么，盒模型的细节是什么，以及如何使用 CSS 去除链接的下划线。现在您感到无聊，打哈欠，最初的兴奋之情消失了。

相反，您可以这样做。出去给自己注册一个域名（从 GoDaddy 或类似的网站注册）并获得一些廉价的虚拟主机。无论如何，您都需要学习如何做这些事情。然后，您给自己选择一个模板。没错，一个模板。不，这不是作弊，我们正在学习。（免费模板 在这里，或付费模板 在这里。）将该模板上传到您的新虚拟主机，并在真实的浏览器中访问该网站。如果您像我一样，当您第一次看到该网站出现时，您仍然会面带微笑。我已经做过 100 次或更多次了，当我看到它时仍然会微笑。这是一个网站的诞生。一个您将赋予生命的地方！

现在，您拥有了终极的学习环境。开始浏览该代码并进行更改，看看会发生什么。学习使用 Firebug，以便更容易理解结构。安装 WordPress 并使用模板。看看您可以实现什么。

这就是您学习 CSS 的方式。实验。然后，您去购买一本关于 CSS 的书。现在，有了可以联系的东西，这本书将更有意义 10 倍。

这就是为什么它取决于您如何进入这个领域的原因。如果您已经使用表格制作网站多年了，那么一本关于 CSS 的书可能会对您有所帮助。对于您来说，Bulletproof Web Design 可能是一个不错的选择。