创建CSS / DIV布局的最佳指南或资源是什么？

Question

我们在网上找到了一些，但它们看起来都有点过时了。

好奇人们认为用于创建和管理CSS / DIV布局的最佳资源（即纯粹用带有DIV的CSS完成的布局 - 没有表格）？

谢谢！

Answer 1

我是http://compass-style.org/的粉丝 它不仅可以轻松创建布局，还可以改变您对编码css的方式。

Answer 2

http://www.apple.com/safari/

http://www.mozilla.com/en-US/firefox/

http://www.google.com/chrome/intl/en/more/index.html

这些是一些现代浏览器的主页。查看源代码，有很多东西需要学习。

Answer 3

Less Framework是一个CSS / HTML框架，适用于在各种显示器上正常显示的网站 - 移动设备，平板电脑，网页等。

  

Less Framework是一个CSS网格系统   用于设计自适应网站。它   包含4个布局和3套   排版预设，全部基于a   单格

基本上使用此框架作为新的，干净的网站的基础，然后添加您的样式。

Answer 4

我一直认为http://www.csszengarden.com/是div和css设计的一个很好的例子。

Answer 5

我想我知道你的意思 - 有很多书教会CSS语言，但不是很多纯粹讨论使用它来布局网页，从你可能想要实现的布局开始。

我认为这部分是由于IE的狡猾的浮动支持直到8和9.任何关于布局的讨论都会迅速变成对IE的各种错误的模糊，复杂的讨论。

希望随着旧版IE的消亡，情况会有所改善。在那之前，虽然我自己并没有阅读，但我认为‘Bulletproof Web Design’ by Dan Cederholm有几个很好的章节专注于布局。