CSS佈局套件

Question

您更喜歡哪種CSS工具包用於初始頁面佈局？是否有解決方案將具有：

1. 經過測試的跨瀏覽器兼容性;
   • 優秀的可擴展性（小項目的小源代碼，僅在必要時添加新代碼）;
   • 清潔和可讀的來源。

Answer 1

有兩種廣泛採用的選項：960和blueprint。兩者均依賴於grid-based layout系統。這大大提高了設計的靈活性。

我不確定約960，但藍圖還包括一個CSS reset。即使你決定不使用CSS框架，這也是你應該使用的東西。

Answer 2

我假設你的意思是一個CSS框架，當你說「工具包」時。

我已經與Blueprint和960網格系統合作過了，他們都很好。它們都是可定製的，並且在一定程度上都是模塊化的。

總的來說，我發現從與每個人的合作中學習並看到我喜歡和不喜歡的東西是有用的，但是我發現對於我來說沒有一個適合所有人的解決方案。我創建了自己的基本重置和樣式集，作爲我所有網站的起點，然後從那裏進行自定義。

Answer 3

由於瀏覽器兼容性由標記和CSS組成，並且在一定程度上可視化設計（網頁必須看起來正確），所以經過CSS-框架測試的跨瀏覽器兼容性可能是困難的。每個瀏覽器，因爲標記和樣式表沒有自己的功能來測試）。

樣式表可以像你想要的那樣正確，但是如果標記不好並且不適合視覺設計，兼容性問題會再次被破壞。

CSS的完整框架無論如何都只能提供非常基本的樣式，因爲它完全取決於您希望設計的外觀。

Answer 4

最好的工具包是沒有工具包。我圍繞幾個模板（一個兩列頁面模板，一個側欄模板等），並按照我認爲合適的方式使用這些模板以及代碼片段。

我的建議：做你自己的。我們都有我們喜歡的字體，大小和距離，只有你可以知道它們是什麼。