960.gs quick reference

20 November, 2012



Defines main container (margin: 0px auto;)


Defines part container size (margin: 0px 10px;)


Defines empty size to the left (padding-left like)


Defines empty size to the right (padding-right like)


Removes left margin (margin-left: 0px;)


Removes right margin (margin-right: 0px;)

We can combine 12/16 columns system

12 Columns 3 6 9 12
16 Columns 4 8 12 16

CSS file order is important

<link rel="stylesheet" href="css/reset.css" />
<link rel="stylesheet" href="css/text.css" />
<link rel="stylesheet" href="css/960.css" />
<link rel="stylesheet" href="css/demo.css" />

For more quick information please check this cheat sheet.

For full information please visit: http://960.gs/

    Tags: ,

    Leave a Comment