我想使用960網格系統爲我的網站生成佈局。我從他們的網站下載了自定義發生器的24列流體版本。960網格佈局的好教程？
現在我想知道我可以用它做的每一件小事。我查看了css文件，發現了一些類名，如.suffix_x .prefix_x .push_x .pull_x .clear .clear_fix等
我在哪裏可以找到解釋所有這些的教程？如何製作左欄，主div等。
奇怪的是，它並沒有教你如何在他們的網頁上實際使用網格系統。我無法找到一個很好的教程，解釋了谷歌的一切。
如果有人能夠推薦這樣的教程，那將會很棒。
如果你們中的一些人使用了960流體網格系統，那麼也會很好的鏈接到好的教程。
在their site的最底部，他們有幾個指向教程的鏈接。
我想你會在960
看看：
http://www.myinkblog.com/2009/02/24/design-a-fresh-blog-theme-on-the-960-grid/
這給使用960網格系統和應用它一步一步的一個很好的概述。
扮演找到有價值的this Nettuts+ one我只是看着這個今天之一，它是超級有幫助的。它在視頻格式：
http://net.tutsplus.com/articles/news/a-detailed-look-at-the-960-css-framework/
他甚至教突發事件中要添加填充事件。
我認爲最好的一個，我發現是這樣的：
http://net.tutsplus.com/tutorials/html-css-techniques/mastering-the-960-grid-system/
這表明你的960在細節特徵的每一個。
淨嘖文章是非常好的，但我有一些更多的分享。學習Grid960對我來說非常痛苦。其中大部分內容都是重申淨內容的文章。這給了直覺的新手，因爲它是這樣一個頭痛：
簡介
報紙和雜誌使用網格之間排水溝系統，它使頁面看起來更順眼，當您使用設計技巧。網格將完美地引導你。在開始之前，您必須瞭解CSS/HTML嵌套。
<div class="a">
I include all the items A.
<div class="b">
I include all the items of B with all of A.
</div>
<div class="c">
I include all the items of C with all of A. B is not here, but it is on the same level.
<div class="d">
I include all the items of A with C and D
</div>
</div>
看一下例子文件，看看如何可以打破你設計成一個網格。
通過在Chrome + IE + Firefox中按F12鍵（謝謝拉里！）使用檢查器。突出顯示這些框以查看CSS如何編輯。我發現直接進入Grid960的css文件非常困難。你會看到每個網格是如何創建的
聲明一個12大小的網格作爲父div。子div必須加起來爲12，你可以按照你想要的方式分解頁面。例如：3格+3格+6格= 12格。 3格+4格+4格+1格= 12格。如果你在Chrome中使用F12，你可以看到這個。突出顯示示例文件中的網格。不要忘記，當你完成一行並且想要開始一個新行時，請添加div。
<div class="container_12">
<div class="grid_12"><a href="images/header.png" alt=""></a></div>
<div class="clear"></div>
<div class="grid_12" id="navbar">A</div>
<div class="clear"> </div>
<div class="grid_7">B</div>
<div class="grid_5">C</div>
<div class="clear"></div>
<div class="grid_12 spacer">D</div>
<div class="clear"></div>
<div class="grid_3">E</div>
<div class="grid_3">F</div>
<div class="grid_3">G</div>
<div class="grid_3">H</div>
<div class="clear"></div>
<div class="grid_12 spacer">I</div>
<div class="clear"></div>
<div class="grid_4">J</div>
<div class="grid_4">K</div>
<div class="grid_4">L</div>
</div>
前後綴：
說你希望你的網格在中間開始。單獨聲明一個網格3是不夠的。你需要給它一個額外的信息，說明我希望它「浮動」。這是後綴和前綴進來的地方。前綴表示跳過x個div的數量，後綴表示後面跳過x個div的數量。
淨TUTS
亞爾發和奧米加：
如果我想申請一個樣式，讓它達到了幾格包括陰溝空間。 Alpha是第一個，而Omega是它應用於的最後一個div。
從淨值TUTS
推拉
這是拉里！推拉是開發商想要重新排列搜索引擎優化頁面。
http://www.clubosc.com/960-grid-tutorial-understanding-push-and-pull-classes.html
通知的粉紅色和黃色類如何反轉，但是div的排列在相反的方式？
但他們在哪裏解釋所有的選擇，你可以使用：.suffix_x .prefix_x .push_x .pull_x .clear .clear_fix – ajsie 2010-01-19 07:17:07