CSS佈局框架 960GS

一、960GS 特色

• 　　小巧簡單，功能單一（僅僅作排版的工做，其餘東西靠本身。）（三個文件:reset.css,960.css，font.css）
• 　　界面寬960px，適合目前主流1/2以上顯示器都滿屏寬度的1024x768的屏幕。

二、使用也很簡單。主要CSS的Div類：

• 　　頁面寬度：960px
• 　　容器：container_X ，後面的X表示的數字，例如container_12表示將頁面進行12等份，container_16表示將頁面進行16等份。960GS中有十二、1六、2四、32四種佈局方式。
• 　　網格：grid_Y , 後面的Y一樣表示數字，例如grid_1表示第一等份，若是容器爲12等份，則Y的最大值爲12。Y表示的第幾等份，也能夠說是第幾列。
• 　　grid_Y。(Y<X)

• 　　固然嵌套夠一行了要記得用clear。
• 　　Margins：每一個grid_Y類都有10px的左margins和右margins，也就是說兩列之間的margin和是20px。有時候咱們不須要這些margin，在grid_Y後面添加上alpha去除左邊margin，在grid_Y後面添加omega去除右邊margin。
• 　　範例：去除左邊的margin  <div class="grid_1 alpha">grid_1</div>

• 　　範例：去除右邊的margin <div class="grid_1 omega">grid_1</div>
• 　　添加樣式：Styling開發網站，咱們不可能所有都使用960GS的樣式，咱們還須要添加一些本身的樣式進去，因爲CSS使用優先級的形式來以爲如何解釋樣式，而id要比class的優先級高。這樣咱們就能夠在咱們的獨立CSS文件中以id選擇符建立個性化的樣式了。若是湊巧有的樣式屬性與960相同但值又不一樣，瀏覽器會優先選擇你的css文件中的樣式。

      詳細說明請參照： 960GS 從入門到精通