CSS布局框架 960GS


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 從入門到精通

  


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM