1、960GS 特點
- 小巧簡單,功能單一(僅僅做排版的工作,其他東西靠自己。)(三個文件:reset.css,960.css,font.css)
- 界面寬960px,適合目前主流1/2以上顯示器都滿屏寬度的1024x768的屏幕。
2、使用也很簡單。主要CSS的Div類:
- 頁面寬度:960px
- 容器:container_X ,后面的X表示的數字,例如container_12表示將頁面進行12等份,container_16表示將頁面進行16等份。960GS中有12、16、24、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 從入門到精通