CSS框架是一個(gè)軟件，它為你的HTML開(kāi)發(fā)提供了許多選項(xiàng)以供使用，可能使得你開(kāi)發(fā)網(wǎng)站或web程序更快速更簡(jiǎn)單。CSS框架通過(guò)包括預(yù)定義代碼庫(kù)來(lái)達(dá)到這個(gè)目的。一個(gè)例子是基于網(wǎng)格的框架，它建立了一個(gè)預(yù)定義寬度的多列布局所以你可以專(zhuān)注于創(chuàng)建內(nèi)容而不是排列文本塊。

但是使用CSS框架好不好呢？最終來(lái)說(shuō)有時(shí)候有的東西節(jié)約你的時(shí)間的代價(jià)是引發(fā)了更多地問(wèn)題，導(dǎo)致節(jié)約的時(shí)間沒(méi)有意義了。好吧，就像我們生活中的任何東西一樣，使用CSS框架既有優(yōu)點(diǎn)也有缺點(diǎn)。

使用CSS框架的優(yōu)點(diǎn)

1、加速你的開(kāi)發(fā)

CSS框架幫你做好了基礎(chǔ)工作因此你可以更快地開(kāi)始開(kāi)發(fā)。它能過(guò)向你提供重復(fù)的和常用的任務(wù)代碼——如reset——因此你不需要每次都從頭開(kāi)始寫(xiě)。如果你與團(tuán)隊(duì)或與其它開(kāi)發(fā)者一起工作，你們都會(huì)有一樣的共享CSS代碼，所以團(tuán)隊(duì)效率也因此提高。

2、可以使用跨瀏覽器功能

記得為了讓你的網(wǎng)站或web應(yīng)用在所有瀏覽器下看起來(lái)一樣而不斷調(diào)整你的CSS代碼的痛苦么？好吧，通過(guò)使用CSS框架你可以與這個(gè)煩惱告別了，它們幫你搞定這個(gè)問(wèn)題。框架已經(jīng)編寫(xiě)成跨瀏覽器兼容的了，所以你可以專(zhuān)注于自定義和創(chuàng)建內(nèi)容而不是調(diào)整基礎(chǔ)的樣式。更好的是CSS框架還會(huì)消除瀏覽器特定的bug。

3、給你干凈和對(duì)稱(chēng)的布局

基于網(wǎng)格的CSS框架建立了一個(gè)預(yù)定義寬度的多列布局所以你可以專(zhuān)注于創(chuàng)建內(nèi)容而不是排列文本塊。你不需要做更多的像素調(diào)整來(lái)確保排列整齊，或者擔(dān)心邊欄寬度對(duì)于widget或圖片是不是標(biāo)準(zhǔn)規(guī)格的，也不需要為計(jì)算列的寬度而煩惱。

4、強(qiáng)制使用好的網(wǎng)頁(yè)設(shè)計(jì)習(xí)慣

CSS框架強(qiáng)制使用好的習(xí)慣，如引入打印樣式表。它還提供了一系列的選擇器，你可以在所有使用框架開(kāi)始的網(wǎng)站或web應(yīng)用中使用，這使得你的網(wǎng)頁(yè)設(shè)計(jì)具有一致性。你不需要猜測(cè)或記住你在這個(gè)網(wǎng)站是怎么寫(xiě)的而那個(gè)網(wǎng)站又是怎么寫(xiě)的——它們都是一致的。

使用CSS框架的缺點(diǎn)

1、限制你的自由

既然CSS框架有標(biāo)準(zhǔn)的網(wǎng)格，選擇器和其它代碼，它就限制了你可以設(shè)計(jì)的東西：布局大小，網(wǎng)格寬度，按鍵類(lèi)型，樣式，以及其它任何東西。如果你真的希望利用CSS框架來(lái)節(jié)約時(shí)間的話(huà)你基本上就要接受同樣的框架。否則，當(dāng)你想要做一些不同的東西時(shí)，你還要花時(shí)間來(lái)更改代碼或?qū)W習(xí)一個(gè)新的框架——這就好比你有一個(gè)項(xiàng)目使用了獨(dú)特的或非常規(guī)的參數(shù)或者設(shè)計(jì)。

2、添加額外代碼

CSS框架不可避免地有一些你不需要的代碼。你不太可能使用一個(gè)框架中的每一個(gè)功能。因此你需要被迫接受一些額外的代碼，這有可能有問(wèn)題也有可能沒(méi)問(wèn)題，取決于你的網(wǎng)站和web應(yīng)用所能承受的負(fù)擔(dān)。如果每個(gè)字節(jié)都非常重要，你可能需要深入進(jìn)去并去除CSS中不需要的代碼。

3、強(qiáng)迫你使用框架語(yǔ)法

通過(guò)使用CSS框架，你被迫接受語(yǔ)法的變化，特別是框架使用非標(biāo)準(zhǔn)命名模式的情況。如果你對(duì)于CSS元素，選擇器，元ID和類(lèi)傾向于使用自己獨(dú)特的系統(tǒng)，這可能會(huì)帶來(lái)麻煩，因?yàn)镃SS框架會(huì)強(qiáng)迫你使用它的系統(tǒng)。需要承認(rèn)的是這對(duì)于大多數(shù)情況來(lái)說(shuō)并不是什么大問(wèn)題——它就像學(xué)習(xí)開(kāi)一輛新車(chē)，即你快速適應(yīng)——但是它是使用CSS框架的一個(gè)現(xiàn)實(shí)問(wèn)題。這可能帶來(lái)更大問(wèn)題的另一個(gè)方面在于，如果你和其他開(kāi)發(fā)和設(shè)計(jì)人員合作，它們可能以后會(huì)涉及你的代碼，他們可能會(huì)不知道一些名字是什么意思，所以他們可能需要先熟悉框架的語(yǔ)法。

4、你可能潛在的損失了時(shí)間

如果你已經(jīng)熟悉了某個(gè)特定的設(shè)計(jì)和開(kāi)發(fā)方式而又被迫去使用你不熟悉的CSS框架，你可能會(huì)損失時(shí)間。這有可能是一個(gè)客戶(hù)希望使用你不熟悉的框架，或者是合作者堅(jiān)持使用某個(gè)框架，或者是其它什么情況。關(guān)鍵在于CSS框架是實(shí)實(shí)在在的，它就存在于那里，人們了解它們，并且有些人可能會(huì)希望使用你沒(méi)關(guān)心過(guò)的框架或者你可以使用自己的方式更快地完成任務(wù)。它可能是一個(gè)小小的缺點(diǎn)，但是相比前面的缺點(diǎn)，它是只是有的時(shí)候是一個(gè)缺點(diǎn)。