你会如何推荐新手开始使用 CSS？ [关闭]答案

【问题标题】：How Would You Recommend a Novice Get Started Using CSS? [closed]你会如何推荐新手开始使用 CSS？ [关闭]
【发布时间】：2008-10-20 11:55:01
【问题描述】：

作为使用表格设计网站但从不使用 css 的网页设计师，新手如何开始使用 css？

相关的 SO 帖子

SO - Css Book & website for CSS

SO - Css blog

【问题讨论】：

标签： css

【解决方案1】：

首先阅读教程网站开始。这样，他将看到如何创建简单的 CSS 并看到好处。

比，我建议因为他知道如何设计网站来检查其他网站源并查看他们的 CSS 文件。 Zen Garden 是一个好的开始。

如果他需要更多信息，他总是可以得到一本书（我认为没有必要，但如果他想要一本书），他可以尝试Core-Css。

【讨论】：

【解决方案2】：

一定要获得 Firefox 的 Firebug 插件。转到您喜欢的网站并查看其 CSS。关闭和打开一些东西，改变一些东西，只是感受一下它们是如何结合在一起的。很棒的学习工具。

【讨论】：

【解决方案3】：

阅读 Eric A. Meyer 的 CSS: The Definitive Guide, Third Edition。这是我读过的最好的技术书籍之一。

【讨论】：

【解决方案4】：

对于所有其他建议，我将添加 Smashing Magazine 的 CSS 文章列表。

【讨论】：

【解决方案5】：

我推荐 Andy Clarke 的 Transcending CSS: The Fine Art of Web Design。它不是关于 CSS 的技术方面，而是更多关于从基于表格的设计转变为将内容与设计分离时需要发生的思维方式转换。

当我开始学习 CSS 时，我发现自己的编码方式几乎相同。我使用的是 div 和 span，而不是表和 td。仍然从外部（设计）向内（朝向内容）工作，并围绕页面外观设计我的标记和内容，将其锁定在设计中。超越 CSS 进入从内部（内容和标记）到外部（设计）的过程，使网站的外观更加灵活。

技术信息很容易找到。我倾向于经常去 W3Schools。

【讨论】：

+1 我第二个“超越 CSS”，他更多地谈到了你需要编码的方式，这是大多数人错过的。使用 css 而不是表格进行基于表格的布局仍然很笨重。
是的，绝对是“超越 CSS”——一本很棒的书。此外，从表格到 CSS 的过渡在 Eric Meyer 的经典 2 CSS 书籍中得到了广泛的介绍。

【解决方案6】：

我是阅读科技书籍的忠实粉丝，所以我向Beginning CSS Web Development: From Novice to Professional学习

【讨论】：

我同意...这是一本让您开始接触 CSS 的好书。

【解决方案7】：

我从Eric Meyer on CSS 和More Eric Meyer on CSS 学到了很多东西。这些书将逐步引导您完成几个示例，从无样式的页面开始，并在此过程中解释每个步骤的目的。不过，它们只是一个起点，因为它们有点过时了。 A List Apart 等网站将为您提供最新信息。

【讨论】：

【解决方案8】：

从简单开始。阅读一些网站，例如 A List Apart 和 Position Is Everything。

不要试图一次更换整个网站 - 一次更换一个。

继续在不同的浏览器中测试它 - 越早发现它在一个（或全部！）中看起来不同越好。

【讨论】：

positioniseverything.net 是正确的链接。

【解决方案9】：

让我入门的书是Dan Cederholm 的Web Standards Solutions: The Markup and Style Handbook.，它不是参考书，而是通过真实世界的示例为您提供一个良好的开端。丹在握住你的手方面做得很好，慢慢来，不会让你厌烦。我几年前买的，现在偶尔也会参考一下。

这是我唯一拥有的 CSS 书籍。我使用网络作为我的 CSS 参考。

【讨论】：

【解决方案10】：

SitePoint 有大量的教程和参考资料。他们甚至有一本书听起来可以直接回答你的问题！

HTML 乌托邦：使用 CSS 进行无表格设计，第 2 版

http://www.sitepoint.com/books/css2/

免费提供 4 章

【讨论】：

【解决方案11】：

对于法语，有一个很好的网站：http://www.alsacreations.com/ 有关于 HTML、xHTML 和 CSS 的教程以及许多示例（如何创建“漂亮”菜单等...）

【讨论】：

【解决方案12】：

通过从http://www.oswd.org/ 下载免费网站设计并尝试自己实现相同的效果，我学到了很多 CSS。它还让我对 CSS 中的站点范围设计模式的想法有了一些见解。

【讨论】：

【解决方案13】：

我是蛮力方法的粉丝。学习一些基础知识，然后开始尝试使用纯 CSS 重新编码您的 HTML。每次你需要一种新技术时，谷歌一下。您可能想订阅 CSS 讨论邮件列表或read the wiki。

【讨论】：

【解决方案14】：

http://www.w3.org/Style/CSS/#specs

有人已经列出了 w3c 链接。此链接指向规范，这是我了解我对 CSS 的了解的方式。无论如何，从第 1 级开始，然后进入其他级别。好吧，第 1 级应该可以为您提供大部分您将使用的内容，因此您可能只想学习第 1 级，然后根据需要搜索您想做的其他事情。

【讨论】：

【解决方案15】：

我发现在创建新页面时，首先使用 DreamWeaver 模板是一个很好的起点。他们制作了一些非常简单的模板，可让您添加所需的任何格式，您只需要知道 2 或 3 列或弹性或固定等内容。在我开始这样做之前，我一直在尝试弄清楚如何定位东西，但这很有帮助，至少给了我一个开始。

还可以考虑重置 CSS 文件。它确实有助于处理浏览器的差异。

除此之外，当然还要阅读教程和搜索网络。

【讨论】：

【解决方案16】：

查看Web Design From Scratch 网站。这对我真的很有用。

【讨论】：

我赞成。我也经常为我的学生使用它。

【解决方案17】：

大多数引用都缺少的一个重要概念是 CSS 属性不是独立的或累积的。最重要的属性“显示”和“位置”相互反应，甚至改变其他属性的行为。它们的交互方式使得任何试图独立教授这些属性的指南都失败了。

大多数做 HTML/CSS 的人不理解这一点，并且在没有真正线索的情况下被困在摆弄。

我发现与这些属性完全相关的唯一一本书是“Pro CSS and HTML Design Patterns”。 Eric Meyers 的书可能...我个人讨厌“专业 CSS 和 HTML 设计模式”的风格，但它仍然是我发现的最有效的 CSS 指南。

【讨论】：

【解决方案18】：

我在别处写了一个overall intro guide including some good CSS links（也请参阅 cmets）...可能有用。

【讨论】：