我怎么能超越我对CSS的困惑？

Question

我有兴趣提高对CSS的理解。我已经制作了一段时间的网页，但我仍然经常被奇怪的行为所挫败，当我试图让事情看起来像我想要的时候，我无法解释。我有很多开发经验，我可以毫不费力地理解Javascript，PHP甚至C的细节。但是当谈到CSS和HTML时，我发现我总是试图“欺骗”我的代码。

这必须背叛我对网页和CSS实际工作方式缺乏了解。在真正了解幕后发生的事情的最后，我能看到任何好的书籍或资源吗？我总觉得自己很茫然，但我怀疑如果我只是打破并做了一些好的阅读，我就可以克服它。

Answer 1

  

我发现我总是试图“欺骗”我的代码。

是的。 CSS通常是关于创造你想要的效果的幻觉，而不是实际做你想要的。

那就是说，有一些非常具体的规则，如specified by the W3C。了解visual formatting model也可以为您的理解带来奇迹。然而，这些规范是密集的，并且经常令人困惑，因此逐步确定具体属性和建立知识通常是更容易的方法。查找教程（请参阅下面的链接），或者只是玩它们，看看会发生什么（这就是我学习float和clear的方式。）

即使它经常死亡，也有一些SO用户会经常检查CSS Chat Room（包括我自己），所以如果您有一般性问题（不适合实际的SO问题），请随时在那里询问，有人最终还会帮你回来。

此外，我创建了一个Useful CSS Links文档，其中包含指向官方文档，多个教程和其他CSS资源的链接。

Answer 2

你可能会被美丽闪烁的灯光迷住，忘记看一切是如何连接在一起的。就像你可以过于关注DOM中的节点如何受到javascript影响一样，你不能忘记父母和兄弟姐妹以及他们如何融合在一起。你最大的问题可能是定位。记住所有元素是如何连接在一起的，这将解决很多困惑。

Answer 3

我相信你已经来过这里，但以防万一：

学习CSS： http://w3schools.com/css/default.asp

学习CSS3： http://w3schools.com/css3/default.asp

然而，学习这些东西的最好方法是通过反复试验。 HTML和CSS在对错误/错误的宽容处理方面是独一无二的。这一点，以及没有两个浏览器呈现HTML / CSS完全相同的事实，即使是经验丰富的HTML / CSS开发人员偶尔也会遇到这种模糊性。

尽管如此，学习这些东西是一个爆炸性的，一旦你掌握了它，它真的很有意义。快乐的编码！