使用css框架的優點
1.加速開發
CSS框架提供通用的程式碼(如reset,和移動端開發的一些常用設定)和許多豐富的UI元件樣式——因此我們不需要從頭開始寫。
2.無相容性煩惱
CSS框架解決了各個瀏覽器下的相容性問題,使用css框架做的網站或web應用在所有瀏覽器下的表現都一致。所以我們只需專注建立內容和而不需要處理特定瀏覽器的樣式缺陷
3.合理的佈局
CSS框架建立了基於網格的預定義寬度多列布局。所以我們不需要在佈局上花太多心思。我們不需要計算列寬,精確調整畫素確保頁面排列整齊
4.培養好的樣式書寫規則
包括樣式的命名,樣式屬性的書寫順序,各種樣式語法的靈活與實際應用方法
5.保持頁面風格的一致性
團隊協作開發,如果大家都基於CSS框架進行開發,所開發的網頁和web應用的UI外觀一致性較好。
使用CSS框架的缺點
1.限制自由
CSS框架中的網格,選擇器和其它樣式,限制了我們可以設計的東西: 如佈局,網格寬度,UI樣式,以及其它受惠於CSS框架的方面。
2.新增額外程式碼覆蓋框架樣式
CSS框架不可避免地存在一些我們不需要的程式碼。我們不太可能會用到框架中的每一個功能。而我們書寫自己的UI樣式時,CSS框架可能預置了一些預設樣式,而這些樣式我們並不需要,因此需要書寫額外的程式碼來覆蓋CSS框架的預置樣式。
3.強迫使用框架規則
使用CSS框架,我們被迫接受框架規則,如果我們對於CSS元素,選擇器,ID和類有自己命名規範,這可能會對我們已經的規範造成衝突。
4、潛在時間損失
如果我們已經熟悉了特定的設計和開發方式而又被迫去使用不熟悉的CSS框架,我們前期會損失一定的開發時間用於學習CSS框架。
選擇依據
如果CSS框架中提供的絕大功能你都能用到的話,那我建議你採用CSS框架,這會帶來開發的便利和設計的精簡。如果公司已有成熟的開發規範,只用到框架中的極少部分功能,那麼就不需要採用CSS框架,只需從CSS框架中摘取出我們所需的那部分程式碼就可以了