960.GS:Grid System網頁框架網格系統

關於CSS框架其實一直是一個比較熱門且很有爭議的話題,的確,國內的一些前端er們越來越關注CSS框架,並都開始嘗試使用,覺得CSS框架能夠節省更多的開發時間,顯著提高工作效率。當然,還有很多人持相反意見,認為CSS並沒有這麼高階以至於要涉及到框架!

960.GS:Grid System網頁框架網格系統

960.GS:Grid System網頁框架網格系統是一個純css做成的css框架,使用它能有效的簡化美工的操作,CSS框架能夠節省更多的開發時間,顯著提高工作效率。

你需要學習關於”如何讓框架工作”。你可以通過自己的嘗試來學習,不過我仍然會在這裡為大家進行講解,那就開始吧。

Containers(容器)

在960框架中,你可以選擇兩種類名為.container_12 和 .container_16的容器。這兩種容器都是960px的寬度(這就是為什麼叫做960 grid),但他們的不同之處是它們包含不同數量的列。顧名思義,.container_12的容器被分為12列,而 .container_16被分為16列。這兩種960px寬的容器都是水平居中的。

Grids (網格)/ Columns(列)

你可以選擇很多種不同的列寬組合,不過在這兩種容器中是有所不同的。你可以通過開啟960.css來了解這些寬度,但這對於設計一個網站並沒有什麼必要。在這裡暴風彬彬將一個很有用的技巧讓你使用框架更加容易。【詳細介紹】

猜你喜歡

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *