使用CSS框架的四大優點四大不足

2021-08-31 08:33:57 字數 2352 閱讀 2409

*

使用css框架的四大優點四大不足

css框架是乙個軟體,它為你的html開發提供了許多選項以供使用,可能使得你開發**或web程式更快速更簡單。css框架通過包括預定義**庫來達到這個目的。乙個例子是基於網格的框架,它建立了乙個預定義寬度的多列布局所以你可以專注於建立內容而不是排列文字塊。

但是使用css框架好不好呢?最終來說有時候有的東西節約你的時間的代價是引發了更多地問題,導致節約的時間沒有意義了。好吧,就像我們生活中的任何東西一樣,使用css框架既有優點也有缺點。

css20個html 5和css3的免費**模板與教程

但是你應該在你的web開發中使用這些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框架是實實在在的,它就存在於那裡,人們了解它們,並且有些人可能會希望使用你沒關心過的框架或者你可以使用自己的方式更快地完成任務。它可能是乙個小小的缺點,但是相比前面的缺點,它是只是有的時候是乙個缺點。

css框架優點和缺點

最後,css框架好不好呢?當然,理由就好像自動變速的車好不好一樣。意思是,大部分人都會使用自動變速的,因為它使得駕駛更簡單和快捷。當你有一輛新車時,你很快就能熟悉它。但是還是有一小部分人希望或者需要使用手動變速——出於燃料效率,享受,比賽或者其它什麼原因。

大部分開發者都會得到css框架給web開發和設計簡化帶來的好處。但是還有一小部分人堅持以他們自己的方式來完成任務,以獲得更精準的控制和結果——就像手動駕駛適合漂移。

那麼你應不應該使用css框架呢?對於絕大多數設計者,應該,你應該考慮使用css框架(不確定的話也一樣)。然而,它最終取決於你是「自動變速」還是「手動變速」的網頁設計者。

1. 推薦23款超讚超實用的css3小工具

2. 4款windows下的免費html&css編輯器

3. css模組化編碼 讓開發事半功倍

5. 用css 3將你的設計水平帶入下個高度

原文:使用css框架的四大優點四大不足

標 籤: css框架

通行證: 密碼: 註冊通行證

四大元件(四) content provider

content provider相當於是程式與程式之間的介面。讓原本不可能通訊的程式,通過內容提供者這個橋梁變得可以通訊。定義乙個類 繼承 contentprovider public class backdoor extends contentprovider 註冊contentprovider ...

css四大定位解析

元素的定位屬性主要包括定位模式和邊偏移兩部分。1 邊偏移 在css中,通過邊偏移屬性top bottom left right,來定義定位元素的位置,其取值為不同單位的數值或百分比。具體解釋如下表所示 邊偏移屬性 描述top 頂部偏移量,定義元素相對於其父元素上邊線的距離 bottom 底部偏移量,...

CSS四大清除浮動方法

方法一 額外標籤法 隔牆法 在父親盒子中新增乙個盒子,並且在style標籤中給新盒子寫上 clear both 即可。clear方法二 父級overflow hidden 只需要在父親盒子中加入一段 overflow hidden 即可。下面展示一些 內聯 片 box方法三 父級after偽元素 見...