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