什么是CSS网格系统？

Question

我正在研究css框架，主要用于重置，更好地构建我的项目等。

我找到了Html Boilerplate（我正在使用）。我现在看到蓝图和960gs等框架，他们声称基于网格的布局。有人可以解释一下基于网格的布局是什么吗？它是如何工作的？

Answer 1

我建议您在Which CSS Grid Framework Should You Use for Web Design?上阅读NetTuts。

深入研究并解答您的问题，并对一些CSS框架进行比较。

  

它们基本上相当于一个格子，它以一致的单位划分水平和垂直空间，可以放置文字，标题，图像和广告。

引用我附加的关于打印发布布局网格的链接。但是在Web世界（CSS）的上下文中，网格系统允许您创建复杂的CSS网格布局而不是html表格布局。

Answer 2

一组预定义的CSS规则集，您可以使用类名来将元素组织成各种大小的网格。

理解这个想法最简单的方法就是尝试使用类似960gs的蓝图。

Answer 3

它使你更容易在网格中放置盒子。

如果您想查看其工作原理，我建议您访问http://960.gs/并点击图片上方的“显示网格”按钮。