960格線系統

數年來作為網頁設計人員的最愛, 該無疑是非常好的格線系統, 因為相當靈活. 它幫助網頁設計者快速地構造以下欄柵數目的布局原型: 9 x 3, 3 x 3 x 3x3, 4 x 4 x 4 , 10 x 2 等. 960 格線系統可能是現在最受歡迎的格線系統, 並已經在很多網站和設計模板上使用。如新浪、網易、搜狐等。

基本介紹

• 中文名：960格線系統
• 別稱： 960 柵格布局
• 用途：搭建網站和設計網頁布局
• 頁面總寬度：960px

系統構造

12 欄布局, 每欄 60px

每欄兩邊保留 10px 的外邊距, 相當於 20px 的槽

內容區域總寬度是 940px

存在的缺點

問題在於 960 格線系統槽空間和內容寬度，除去外邊距，實際的內容區域只有 940px。以往能很好被使用是因為大部分設計者使用 12px 字型，而960格線系統對於正文字型大小的可接受範圍為12-14px，對現在喜歡大字型顯示的網頁設計愛好者來說，則不適用更大的字型顯示設定。

常見格線套用

12*80

16*60

24×40