CSSグリッドシステムとは何ですか？

Question

私は、主にリセットのために、私のプロジェクトをより良く構築するなどのCSSフレームワークを探しています。

私はHtml Boilerplateを見つけました。私は現在、青写真や960gなどのフレームワークを見て、彼らはグリッドベースのレイアウトを主張しています。誰かが格子ベースのレイアウトが何であるか説明できますか？どのように機能するのですか？

Answer 1

Which CSS Grid Framework Should You Use for Web Design?をNetTutsで読んでみることをお勧めします。

これは、そこにあるいくつかのCSSフレームワークの比較と同様に、あなたが持っている質問に深くお答えします。

本質的に、テキスト、見出し、画像、および広告を配置できる一貫した単位で水平および垂直スペースを分割する格子に相当します。

印刷レイアウトグリッドを印刷するためのリンクから引用します。しかし、Web世界（CSS）グリッドシステムのコンテキストでは、htmlテーブルレイアウトの代わりに複雑なCSSグリッドレイアウトを作成することができます。

Answer 2

クラス名を使用して要素をさまざまなサイズのグリッドに整理することができる、あらかじめ定義された一連のCSSルールセット。

960gの青写真のようなものを試してみるのが最も簡単な方法です。

Answer 3

グリッドにボックスを配置するのが簡単になります。

どのように動作するかを確認したい場合は、http://960.gs/にアクセスし、画像の上にある 'show grid'ボタンをクリックすることをお勧めします。