面向开发人员的CSS / HTML教程/ book
我是偶尔编写CSS / HTML代码的软件开发人员。 我目前正在处理一个需要相当复杂的基于HTML / CSS的布局的应用程序，我觉得我不明白CSS / HTML布局足以实现它。 你可以推荐哪些书籍和教程来提高我的技能？
PS我明白块和内联元素之间的区别是，什么花车等等，但我缺乏的是如何工作，以及如何布局任何东西在HTML / CSS的连贯画面。
PPS我曾尝试过几本书，他们有一个参考手册格式（如： http : //www.amazon.com/Pro-CSS-HTML-Design-Patterns/dp/1590598040 ）或包含我已经知道的信息，例如w3schools上的大部分基础教程，大部分亚马逊虚拟书籍等，甚至更糟糕的是devise师导向。 我不需要阅读颜色等，我只需要学习如何在HTML / CSS中进行布局，就像我在Java / Swing或其他类似的框架中做的那样。
让我先说一下，我喜欢根据需要在线查找参考资料（ 我将自己的知识存储在云中 ），而不是一本关于css属性的整本书，而这本书可能看起来完全脱离了上下文。 同时我觉得更深入地阅读更高层次的理论和指南，无论是专题文章还是书籍，都是有益的。
你有没有得到一个全面的styleguide，或者甚至几个模型，现在由你来做到HTML + CSS？ 在这种情况下，我会build议
- 手工制作的CSS：更加防弹的网页devise – 最重要的是，涵盖了一些更“stream行”的技术，如液体布局，让您对优雅的退化（意味着IE6和FF10不应该提供相同的体验）的概念感到舒服。 从长远来看，这样可以节省您的头痛和心痛，矿工非常受欢迎，一位同事把它带到海外……八个月
- CSS：缺less手册和HTML，XHTML和CSS圣经 – 相当深入，材料尚未过时。 我build议先读一下花车（不pipe以前的经验有多less怪癖），哪些章节会填补你觉得你有的知识空白（如果有的话）。 除此之外 – 用作参考。
- 舒适的一般概念，但需要查找偶尔的财产？ 首先， w3schools是邪恶的 – 使用MDN来代替。 不相关：梦幻般的JS参考以及您目前所使用的CSS / HTML。
- 将quirksmode和caniusejoin书签，以便在主浏览器突然拒绝正确呈现分级代码时 ，不会将其设置得太远。
- 研究框架在那里。 如果devise合适， 网格系统将是节省时间的极好方法; 用jQuery-UI搭配或者forms化你会为你的共同的恐惧照顾你（看着你，表单布局！）。
如果您想深入挖掘并更好地理解成功产品背后的devise原则和可用性概念，或者如果您尚未想出线框/页面模型等，则阅读列表将展开：
- 非devise师的devise书 – 如果我可以把它上百遍，我会的。 没有水，容易理解的章节，侧重于devise基础（对比，重复，alignment，接近），最终将有助于一个一致的，可读的网站（或印刷媒体）
- 你还想要更多？ 阅读devise的普遍原则 – 我们现在偏离了“一般”的devise领域，但大多数想法是可转移的。
- 我将以“ 别让我想！”完成榜单：networking可用性的常识就是这样。
并记住stackoverflow – 如果你遇到一个问题，有人可能已经解决了它:)
我build议阅读http://www.html5rocks.com/en/tutorials/internals/howbrowserswork/ 。
这不是一个小文章。 这是一篇非常详尽，深思熟虑的文章，描述了浏览器的几个方面。 以下内容可能会令你感兴趣
- 第五章 – 布局（特别是最后）
- 第9章 – CSS2可视化模型（所有部分）
如果你想知道CSS布局如何工作。 有一个很好的教程由谷歌
http://code.google.com/edu/submissions/html-css-javascript/
如你所说，你知道什么是CSS 。 所以，最好学习如何避免初学者所犯的常见错误。 有几个关于这方面的文章。 很less有 ：
http://sixrevisions.com/css/12-common-css-mistakes-web-developers-make/
http://webdesignledger.com/tips/the-most-common-html-and-css-mistakes-to-avoid
http://www.designdetector.com/2006/06/ten-common-css-mistakes.php
我build议你看看这个教程
这是一个30天的Jeffrey Way的HTML / CSS课程，他解释了一切你需要的非常好的方法，最好的是它，它是免费的（你需要注册一个免费的帐户，目前在右上angular）。
替代scheme：
但是在网上学习html和css有很多很多的资源。
任何你想知道关于HTML / CSS的是在W3C
CSS技巧也有一些很好的阅读材料
我更喜欢课本。 你可以使用postit笔记来放置页面标记（任何你可以在厕所里阅读）。
至于一个CSS – CSS我发现相当不错的手册
HTML – 坚果书（我一直觉得很好）是一个很好的书。
只要阅读DOM（文档对象模型）是如何工作的。 最重要的是要知道，HTML代码是从上到下的parsing，这就是你对位置元素的知识也能派上用场的地方。 考虑到这一点，构build布局将非常简单，而且如果您牢记网格状结构。 另请阅读有关可访问性的最佳实践。
我还在IBM developerworks网站上阅读了一些很好的技术文章/教程/等。
你需要的一切都在Google上，我想这只是使用正确的关键字:)
