面向开发人员的CSS/HTML教程/书籍

Question

我是一名偶尔编写CSS/HTML代码的软件开发人员.我目前正在开发一个应用程序,它需要一个非常复杂的基于html/css的布局,我觉得我不了解CSS/HTML布局足以实现它.您可以向我推荐哪些书籍和教程来提高我的技能？

PS我理解块和内联元素之间的区别是,浮点数是什么等等,但我缺少的是它如何工作以及如何在html/css中布局任意内容的连贯图片.

PPS之前我曾尝试过几本书,他们要么有参考手册格式(如:http://www.amazon.com/Pro-CSS-HTML-Design-Patterns/dp/1590598040),要么包含我已经知道的信息,例如,关于w3schools的大多数基础教程,大多数关于亚马逊的假人的书籍,甚至更糟糕的是面向设计师.我不需要阅读颜色等,我只需要学习如何在HTML/CSS中进行布局,就像我在Java/Swing或其他类似框架中那样.

Answer 1

让我先说一下,我更愿意根据需要在线查找参考资料(我将我的知识存储在云中),而不是全心全意地学习一本关于css属性的书,这本书可能看起来完全脱离了上下文; 与此同时,我发现阅读更深层次的理论和指南更有益,无论是专题文章还是书籍.

你有没有得到一个全面的风格指南,甚至可能是一些模型,现在由你来制作成html + css？在这种情况下,我建议

• 手工制作的CSS:更稳固的网页设计 -首先,介绍了一些像液体布局更加"时髦"的技术,让你舒适与优雅降级(这意味着IE6和FF10应的概念,不提供相同的体验).从长远来看,这可以帮助你避免头痛和心碎 - 我的一位同事把它带到了海外......已经八个月了
• CSS:The Missing Manual和HTML,XHTML和CSS Bible - 相当深入,其中的材料尚未过时.我建议先阅读花车(不论之前的经验如何都会有很多怪癖),无论哪个章节都会填补你认为有的知识空白,如果有的话.除此之外 - 用作参考.
• 一般概念舒适,但需要查看偶尔的财产？首先,w3schools是邪恶的 - 使用MDN代替.不相关:非常棒的JS参考以及您目前正在使用的CSS/HTML.
• 书签quirksmode和caniuse,以便当主浏览器突然拒绝正确呈现您的轮廓代码时,您将不会被放回太远.
• 那里的研究框架.如果设计合适,网格系统将是节省时间的绝佳方式; 在jQuery-UI 之上,或者正式确定你会遇到常见的恐惧(看着你,表单布局!).

如果您想深入挖掘并更好地理解成功产品背后的设计原则和可用性概念,或者您还没有提出线框/页面模型等,那么阅读列表会扩展:

• 非设计师的设计书 - 如果我可以赞美它一百次,我愿意.没有水,易于理解的章节,专注于设计基础(对比,重复,对齐,接近),最终有助于一致,可读的网站(或印刷媒体)
• 你还想要更多吗？阅读通用设计原则 - 我们现在偏离"一般"设计领域,但大多数想法都是可转移的.
• 我将完成列表,不要让我思考!:一种常见的Web可用性方法就是这样.

并记住stackoverflow - 如果你遇到一个问题,有人可能已经解决了它:)

Answer 2

我建议阅读http://www.html5rocks.com/en/tutorials/internals/howbrowserswork/.

这不是一篇小文章.这是一篇非常细致,经过深思熟虑的文章,描述了浏览器的几个方面.以下您可能会对此感兴趣:

• 第5章 - 布局(特别是结束)
• 第9章 - CSS2可视化模型(所有部分)