您将如何推荐新手入门使用CSS?

时间:2008-10-20 11:55:01

标签: css

作为基于网页的设计师,他使用表设计了网站但从未使用过css,新手如何开始使用css?

<小时/> 相关SO帖子

SO - Css Book & website for CSS

SO - Css blog

18 个答案:

答案 0 :(得分:11)

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

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

如果他需要更多信息,他总能得到一本书(我认为这不是必要的,但如果他想要一本书),他可以尝试Core-Css

答案 1 :(得分:7)

绝对可以获得Firefox的Firebug插件。转到您喜欢的网站并查看CSS。关闭一些,改变一些事情,只是感受它们如何融合在一起。很棒的学习工具。

答案 2 :(得分:4)

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

答案 3 :(得分:2)

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

答案 4 :(得分:2)

我推荐Andy Clarke Transcending CSS: The Fine Art of Web Design。它不是关于CSS的技术方面,而是关于从基于表格的设计转移到从设计中分离内容时需要发生的思维模式切换。

当我开始学习CSS时,我发现自己的编码方式几乎相同。而不是表格和tds,我使用div和跨度。仍然从外部(设计)向内(朝向内容)工作并围绕页面外观设计我的标记和内容,将其锁定到设计中。超越CSS进入从内部(内容和标记)出来(设计)的过程,使网站的外观变得灵活。

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

答案 5 :(得分:1)

开始简单。阅读一些网站,例如A List ApartPosition Is Everything

请勿尝试立即更换整个网站 - 一次更换一个网站。

继续在不同的浏览器中进行测试 - 越早发现它在一个(或全部!)中看起来不同就越好。

答案 6 :(得分:1)

我非常喜欢阅读科技书籍,所以我从Beginning CSS Web Development: From Novice to Professional

学习

答案 7 :(得分:1)

我从Eric Meyer on CSSMore Eric Meyer on CSS学到了很多东西。本书将逐步介绍几个示例,从无格式页面开始,并解释每个步骤的目的。他们只是一个起点,因为他们有点过时了。像A List Apart这样的网站会为您提供最新信息。

答案 8 :(得分:1)

让我入门的书是Web Standards Solutions: The Markup and Style Handbook. Dan Cederholm这本书不是参考书,而是为您提供了一个真实世界的例子。 Dan做得很好,握住你的手,慢慢来,而不是无聊。几年前我买了它,有时还会提到它。

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

答案 9 :(得分:0)

我在别处写了一个overall intro guide including some good CSS links(也见评论)......可能有用。

答案 10 :(得分:0)

缺少大多数参考文献的一个重要概念是CSS属性不是独立的或累积的。最重要的属性“显示”和“位置”相互作用,甚至改变其他属性的行为。它们以这样的方式进行交互,即任何试图独立地教授这些属性的指南都会失败。

大多数做HTML / CSS的人都不明白这一点,并且在没有真正线索的情况下陷入困境。

我发现的唯一一本与这些属性相关的书是“Pro CSS和HTML Design Patterns”。 Eric Meyers的书可能......我个人讨厌“Pro CSS和HTML Design Patterns”的风格,但它仍然是我找到的最有效的CSS指南。

答案 11 :(得分:0)

查看Web Design From Scratch网站。这对我来说非常有用。

答案 12 :(得分:0)

我发现在创建新页面时使用DreamWeaver模板是一个很好的开始。他们制作了一些非常简单的模板,允许你添加你想要的任何格式,你只需要知道2或3列或弹性或固定的东西。在我开始这样做之前,我一直在努力弄清楚如何定位东西,但这有很大帮助,至少给了我一个开始。

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

除此之外,当然还要阅读教程并在网上搜索。

答案 13 :(得分:0)

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

有人已经列出了w3c链接。这个链接符合规范,这就是我如何学习我对css的了解。无论如何,从1级开始然后转到其他级别。那么,1级应该可以获得你所使用的大部分内容,所以你可能只想学习1级,然后根据需要谷歌你想要做的其他事情。

答案 14 :(得分:0)

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

答案 15 :(得分:0)

我通过从http://www.oswd.org/下载免费网站设计并尝试自己实现相同的效果来学习了很多CSS。它还为我提供了一些关于CSS中网站范围设计模式的想法的见解。

答案 16 :(得分:0)

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

答案 17 :(得分:0)

SitePoint有大量的教程和参考。他们甚至有一本听起来像是直接回答你问题的书!

HTML Utopia:使用CSS设计没有表格,第2版

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

免费提供4章