提高技能的CSS指南

您好，上个月我开始学习CSS。我做的第一件事是阅读www.w3school.com上的所有内容，之后我开始阅读CSS Mastery第二版。我已经成功地建立了两个自己的网站，但我仍然不满意我所知道的，我甚至练习了新的CSS3元素

我见过很多使用css构建的很酷的东西，但唯一的问题是没有显示源代码，我不知道这些该死的东西是怎么回事。一个很好的例子是：

这些只是我在这个网站上看到的东西之一，我想学习如何构建它们

---

因此，任何人都知道任何其他类似的网站，对css的更高级的东西（而不是像建立一些下拉菜单，滚动或悬停效果开始的东西）有很好的解释吗？任何建议都是非常感谢你

迷宫的样式表似乎位于：。你可以在源代码中使用它来找出答案。

我最喜欢的一个是。很棒的文章，不仅是关于CSS的，比如我链接的，还有关于网页设计等

还有一些不错的CSS条目

---

然后，您可以在上找到很棒的CSS资源。

如前所述，像Firebug/Chrome Inspector这样的工具是必不可少的

我从各种不同浏览器的实际问题中获得了最多的经验。如果你创建了一个网站，它在特定的浏览器中看起来就不那么好了。所以你在网上搜索。找到解决方案并记住它。我认为CSS本身是一个相当简单的工具，我将“高级”CSS归类为掌握使网站在跨浏览器和IE6/IE7+等浏览器中工作所需的各种技术

另外，如果你发现了问题，千万不要放弃CSS，试着找到答案。大多数情况下，将是一个简单的解决方案

一般来说，确保CSS尽可能简单。我通常发现，最复杂的CSS可以用相对简单的代码来代替，人们会忘乎所以，忘记简单的技术来实现类似的解决方案。其中一个问题是在

div

的右侧放置一个按钮，如下所示：

 -----------------------------------------------
                                    |  Button  |
 -----------------------------------------------

您可能会看到，有些人会将按钮向右浮动，增加了不必要的复杂性。

文本对齐：右

？：-）发生了什么

最后，确保你找到一些你喜欢的博客，例如，阅读它们，注意新技术。尝试并掌握“2列布局”，了解块/内联块/内联、页边距折叠、表格、html表单、IE6/7 hasLayout之间的区别，列表还有很多。如果你尝试从头开始制作一个网站模板，你将涵盖其中的大部分内容。也许从一个现有的网站开始，看看你是否能达到同样的布局

---

我不知道CSS如何学习它的陷阱而不被错误地发现。

不要使用w3schools——我同意SLaks——使用Firebug进行任何web检查。这会让你的生活轻松很多。另一方面，关注使用高级效果的网站，并描述它们是如何创建的，比如同意。使用萤火虫。这是可怕的，使网络检查如此容易！如果我能找到任何不只是为初学者提供建议的网站，我会很乐意关注其中的一些网站。当将代码从firebug中提取到样式表时，使用firebug是一场噩梦firebug有

复制

选项来提取CSS。