CSS框架是一個軟件,它為你的HTML開發提供了許多選項以供使用,可能使得你開發網站或web程序更快速更簡單。CSS框架通過包括預定義代碼庫來達到這個目的。一個例子是基于網格的框架,它建立了一個預定義寬度的多列布局所以你可以專注于創建內容而不是排列文本塊。
但是使用CSS框架好不好呢?最終來說有時候有的東西節約你的時間的代價是引發了更多地問題,導致節約的時間沒有意義了。好吧,就像我們生活中的任何東西一樣,使用CSS框架既有優點也有缺點。
使用CSS框架的優點
1、加速你的開發
CSS框架幫你做好了基礎工作因此你可以更快地開始開發。它能過向你提供重復的和常用的任務代碼——如reset——因此你不需要每次都從頭開始寫。如果你與團隊或與其它開發者一起工作,你們都會有一樣的共享CSS代碼,所以團隊效率也因此提高。
2、可以使用跨瀏覽器功能
記得為了讓你的網站或web應用在所有瀏覽器下看起來一樣而不斷調整你的CSS代碼的痛苦么?好吧,通過使用CSS框架你可以與這個煩惱告別了,它們幫你搞定這個問題。框架已經編寫成跨瀏覽器兼容的了,所以你可以專注于自定義和創建內容而不是調整基礎的樣式。更好的是CSS框架還會消除瀏覽器特定的bug。
3、給你干凈和對稱的布局
基于網格的CSS框架建立了一個預定義寬度的多列布局所以你可以專注于創建內容而不是排列文本塊。你不需要做更多的像素調整來確保排列整齊,或者擔心邊欄寬度對于widget或圖片是不是標準規格的,也不需要為計算列的寬度而煩惱。
4、強制使用好的網頁設計習慣
CSS框架強制使用好的習慣,如引入打印樣式表。它還提供了一系列的選擇器,你可以在所有使用框架開始的網站或web應用中使用,這使得你的網頁設計具有一致性。你不需要猜測或記住你在這個網站是怎么寫的而那個網站又是怎么寫的——它們都是一致的。
使用CSS框架的缺點
1、限制你的自由
既然CSS框架有標準的網格,選擇器和其它代碼,它就限制了你可以設計的東西:布局大小,網格寬度,按鍵類型,樣式,以及其它任何東西。如果你真的希望利用CSS框架來節約時間的話你基本上就要接受同樣的框架。否則,當你想要做一些不同的東西時,你還要花時間來更改代碼或學習一個新的框架——這就好比你有一個項目使用了獨特的或非常規的參數或者設計。
2、添加額外代碼
CSS框架不可避免地有一些你不需要的代碼。你不太可能使用一個框架中的每一個功能。因此你需要被迫接受一些額外的代碼,這有可能有問題也有可能沒問題,取決于你的網站和web應用所能承受的負擔。如果每個字節都非常重要,你可能需要深入進去并去除CSS中不需要的代碼。
3、強迫你使用框架語法
通過使用CSS框架,你被迫接受語法的變化,特別是框架使用非標準命名模式的情況。如果你對于CSS元素,選擇器,元ID和類傾向于使用自己獨特的系統,這可能會帶來麻煩,因為CSS框架會強迫你使用它的系統。需要承認的是這對于大多數情況來說并不是什么大問題——它就像學習開一輛新車,即你快速適應——但是它是使用CSS框架的一個現實問題。這可能帶來更大問題的另一個方面在于,如果你和其他開發和設計人員合作,它們可能以后會涉及你的代碼,他們可能會不知道一些名字是什么意思,所以他們可能需要先熟悉框架的語法。
4、你可能潛在的損失了時間
如果你已經熟悉了某個特定的設計和開發方式而又被迫去使用你不熟悉的CSS框架,你可能會損失時間。這有可能是一個客戶希望使用你不熟悉的框架,或者是合作者堅持使用某個框架,或者是其它什么情況。關鍵在于CSS框架是實實在在的,它就存在于那里,人們了解它們,并且有些人可能會希望使用你沒關心過的框架或者你可以使用自己的方式更快地完成任務。它可能是一個小小的缺點,但是相比前面的缺點,它是只是有的時候是一個缺點。