Geek Answers Handbook

What is a CSS grid system?

I am browsing the css framework, mainly for dumping, improving my projects, etc.

I found the Html Boilerplate (which I use). Now I see frames, such as a plan and 960gs, they require a grid-based layout. Can someone explain what a grid layout is? How it works?

+6
html css
source share
3 answers

I would recommend you read Which CSS mesh should I use for web design? on NetTuts .

It goes deeper and answers your questions, and also compares some of the CSS frameworks.

They are essentially a grid that separates horizontal and vertical space in coordinated units where text, headlines, images and advertising can be placed.

A quote from the link that I attached to the print layout networks. But in the context of web world network systems (CSS), you can create complex CSS grid layouts instead of html table layouts.

+11
source share

A bunch of predefined CSS rule sets with which you can use class names to organize elements in grids of different sizes.

The easiest way to understand the idea is to just try using something like the 960gs plan.

+2
source share

This makes it easy for you to place boxes in grids.

If you want to see how it works, I recommend that you visit http://960.gs/ and click on the "show grid" buttons above the image.

+2
source share

More articles:


All Articles