什麼是CSS網格系統？

Question

我正在調查CSS框架，主要是爲了重置，更好地構建我的項目等。

我找到了Html Boilerplate（我正在使用）。我現在看到藍圖和960gs等框架，他們聲稱基於網格的佈局。有人可以解釋一下基於網格的佈局是什麼嗎？它是如何工作的？

Answer 1

我會推薦你​​閱讀Which CSS Grid Framework Should You Use for Web Design?而不是NetTuts。

它深入並回答了您的問題，以及一些CSS框架的比較。

它們基本上相當於一個格子，它將水平和垂直空間劃分爲可以放置文本，標題，圖像和廣告的一致單元。

從我附加的關於打印發布布局網格的鏈接引用。但在網絡世界（CSS）的上下文中，網格系統允許您創建複雜的CSS網格佈局而不是HTML表格佈局。

Answer 2

一堆預定義的CSS規則集，您可以使用類名來將元素組織成各種大小的網格。

想到這個想法最簡單的方法就是嘗試使用諸如960gs藍圖之類的東西。

Answer 3

它使您可以更方便地將方塊放入網格中。

如果你想看看它是如何工作的，我建議你訪問http://960.gs/並點擊圖片上方的「顯示網格」按鈕。