P.S。我理解块和内联元素之间的区别是什么浮动等，但我缺乏的是一个连贯的图片如何工作，如何布局html / css中的任意东西。
P.P.S.我之前试过几本书，他们有一个参考手册格式(像这样：http://www.amazon.com/Pro-CSS-HTML-Design-Patterns/dp/1590598040)或包含我已经知道的信息，例如大多数基本教程在w3schools，大多数书籍在亚马逊的虚拟，等等，甚至更糟糕的是设计师面向。我不需要阅读关于颜色等，我只需要学习如何做的HTML / CSS布局，就像我在Java / Swing或其他类似的框架。
解决方法
你有一个全面的styleguide或者甚至几个样机，现在由你来使它成为html css？在这种情况下，我建议
> Handcrafted CSS: More Bulletproof Web Design – 首先，涵盖了一些更“臀部”的技术，如液体布局，使你舒适的优雅退化的概念(意味着IE6和FF10不应该提供相同的经验)。这可以节省你的头痛和心痛的长期 – 我的是非常受欢迎，一个同事带他到海外…八个月
> CSS: The Missing Manual和HTML,XHTML and CSS Bible – 相当深入，材料还没有过时。我建议首先阅读浮标(许多怪癖，无论以前的经验)，无论哪些章节将填补你觉得你有知识空白，如果有的话。除此之外 – 用作参考。
>舒适的一般概念，但需要查找偶尔的财产？首先，w3学校是邪恶的 – 使用MDN。不相关：美妙的JS引用以及您目前处理的CSS / HTML。
>书签quirksmode和caniuse，以便你不会被放置得太远，当一个主要的浏览器突然拒绝正确渲染你的凿子代码。
>研究框架。如果设计合适，网格系统将是一个很好的方式来节省时间;顶部的jQuery-UI或formalize你会有常见的恐惧照顾你(看着你，表单布局！)。
如果你想更深入地了解设计原理和可用性概念背后的成功的产品，或者如果你还没有想出线框/页面模型等，阅读列表扩展：
> The Non-Designer’s Design Book – 如果我可以upvote一百次，我会的。没有水，容易理解的章节，专注于设计基础(对比，重复，对齐，接近)，最终将贡献给一个一致的，可读的网站(或印刷媒体)
>你还想要更多吗？阅读Universal Principles of Design – 我们现在偏离“一般”设计领域，但大多数想法是可转移的。
>我将用Don’t Make Me Think!: A Common Sense Approach to Web Usability完成列表，正是这样。
并记住stackoverflow – 如果你遇到一个问题，有人可能已经解决了:)
