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