我在哪里可以找到CSS布局的补救练习？

Question

我禁用了CSS。我已经尝试使用它近十年了，仍然无法弄清楚浮动如何正常工作[浮动只是一个例子]。

是否有网站可以浏览各种真实的布局模式？

Answer 1

您可以查看以下网站：

http://css.maxdesign.com.au/floatutorial/

http://www.smashingmagazine.com/2007/05/01/css-float-theory-things-you-should-know/

http://css-tricks.com/all-about-floats/

Answer 2

阅读 The Zen of CSS Design 。

它是一本关于设计的书，但阅读它会告诉你如何在设计中使用CSS（包括浮点数，绝对值，相对值等）进入正确的“思维模式”。

Answer 3

这实际上取决于你想要如何开始学习CSS，这是一个随机的URL，为你提供了一些关键的5种方法：

• http://www.makeuseof.com/tag/top-5-sites-to-learn-some-css-programming/

我建议做一些事情，例如，开始布局，学习像position这样的工作方式，或者像你提到的那样处理floats。

有很多东西需要学习，而我的经验是，你应该一次解决一个问题。

否则，如果你想要一个虚拟证明开始，请看一下像lynda.com这样的视频教程网站（我知道有很多人嘲笑它，但它对初学者很有用）。

如果您不想支付培训/视频费用，请再次谷歌查看您的css主题。

我从CSS Play中学到了很多东西：http://www.cssplay.co.uk/

Answer 4

Floats看起来很奇怪，部分原因是因为它们是:)而且部分是因为设计师被迫使用和滥用它们，因为其他一切都支持不力，尤其是显示属性！当您在表格布局和浮动之间进行选择时......

检查使用display: table-cell或display: inline-block可以做些什么（后者是跨浏览器，如果你告诉IE6 / 7使用display: inline以及任何给它带有hasLayout的内容，例如{{1}或者width），它可以为您节省一些麻烦。

Answer 5

我相信你可以在网上找到很多CSS教程，但我发现他们中的大多数通常都会告诉你如何在不解释其工作原理或原因的情况下达到某个结果。然后，当某些东西在某个浏览器或某些配置中无法正常工作时，您就会感到头疼。相反，去你当地的大型书店，看看你是否能找到一本名为CSS Mastery的书，安迪·巴德（Andy Budd），并给它一个很好的阅读。在我第一次阅读时，我的CSS大大改善了。在我第二次阅读该书的第二版时，我开始了解很多奇怪的细微差别。去看看吧。