使用CSS架構布局的缺點和優點小結

現在好多網站都用了div+css來布局網頁結構，優點是速度快了，可負面影響呢，來看下面的分析
前端時間寫了一篇《利用CSS架構進行高效率的網站開發》，有不少朋友問我相關的問題。很早5key就在公司進行CSS架構的架構，也對不少朋友提出CSS架構的建議。效果是很明顯的。當然，CSS架構有利也有弊，最近也看了一些相關的文章。一些感想，與大家分享。

CSS架構之利：
1、開發效率的提高。
如果你是一個企業建站的前端開發，相信在大部分時間裡進行著同類網站的代碼工作。定義好的架構可以大大提高你的工作效率，避免一些常見的錯誤。如果你的工作是按件計費的，你的報酬一定會比別人多。

2、規範代碼命名。
在多個網站中你可能會用到一些同樣的CLASS或ID。如果你有一套完善的css架構，很快你就能對你的每一個網站的代碼進行通讀。不用浪費時間在代碼的閱讀上。

3、更好的團隊合作
有些公司會將一些稍大的網站的前端代碼分成若干子項目。有過此類經驗的朋友應該對這種開發方式深感鬱悶，要注意公用 css，還有注意相互之間的代碼配合。久而久之，廢棄代碼越來越多，互相之間也難以閱讀。如果建立好合適的CSS架構，大家可以減少很多不必要的錯誤，提升產品品質和工作效率。

4、解決瀏覽器的相容性問題
現在大部分項目都要求相容IE6，7和FF。每個網站可能都會花上一部分時間去處理相容問題。在架構層面上就將這個問題處理好。就可以為後面的相容問題節省下大部分時間。

5、一套完整的、結構清晰的結構代碼。
CSS架構為你的項目提供一個乾淨、嚴謹的基礎架構。通過它你可以快速的為你的網站搭建基礎的html代碼架構。萬事開頭難，前面的基礎工作做好了。後面的開發速度會提高很多。

CSS架構之弊：
1、你需要完全的理解整套架構
每一個加入項目的人，都需要花一定的時間去完全的理解整套架構及編碼規範；

2、你會延續一些架構中的錯誤bug
沒人可以保證自己制定的架構是完美而沒有bug的。你可能會需要時間去清理架構中的bug；

3、限制開發思路
架構給出大家基本的架構及開發的思路，這可能會限制你對產品開發的新思路；

4、臃腫的原始碼
架構中可能有很大一部分代碼不會經常用到，而且還會降低執行效率；

5、架構的語義化
我們已經注意到了HTML代碼的語義化。但基於架構的每個網站都是獨立唯一的，我們很難去保證CSS架構的語義化。