寫自己的CSS框架Part1:為什麼需要CSS框架

範大腳腳發表於2017-12-07
CSS框架
     Without why,how is not important….
                                  Robert T. Kiyosaki
 
1.1為什麼需要CSS框架
其實這個問題如果要羅列出來網上有一大堆.但是對我們這些”I’m a web developer more than web designer”的人來說,有時候看似簡單的CSS卻成了網站設計最讓人心力憔悴的部分.所以我還是要羅列一下使用CSS框架的好處.
PS:一位看客：我們有前臺，還有美工，為什麼我還要整個什麼CSS框架？答曰：我等在小公司沒有如此優厚的條件，一個人從前臺JS,XHTML,CSS到後臺C#，再到Database全是我們2-3個人..所以，請有條件不用兼web designer的看客不要拍磚-.-!!    
1.1.1   解放生產力
     我們對在VS裡建立一個新專案太熟悉了.但卻往往不知道該怎麼處理CSS問題，隨著專案的進行，頁面設計總是有所變化.這些變化往往會讓沒有使用CSS框架的你擦掉幾乎所有的CSS然後重寫.好吧.你賭氣想，我開始不寫CSS了，等專案後期再寫..可是後來你發現外觀醜已經讓你心情低落了.而和JS互動的那部分CSS你還不得不寫.這足以讓你抓狂了.而CSS框架可以把你從這種痛苦裡解救出來.
1.1.2   程式碼結構清晰,避免混亂和衝突
通過對CSS的清晰有條理的定義.會讓我們節省更多的時間專注在設計頁面上，
而不是費勁的去查詢自己所需要更改的樣式.
1.1.3   更好的團隊合作
我深受混亂的CSS帶來的痛苦.我和一位同事曾經一起通過VSS編寫樣式，
    有一個定位的CSS無論我怎樣修改，那個元素紋絲不動.找了半天原來.才發現我同事在更高階別的CSS上面進行了定義. 我當然無論怎樣定義都不行了，使用CSS框架可    以避免此類尷尬..
1.1.4   跨瀏覽器
這個當然是使用CSS框架的一個亮點，因為IE和FF以及其他市場小份額的瀏覽器對不同樣式預定義的解析方式有所差異.導致用IE測試做出的頁面在FF裡完全崩潰.進而導致你也崩潰-.-!!反之在FF裡測的頁面在IE裡又崩潰了.導致你也跟著再次崩潰-.-!!
1.1.5   依託CSS框架有一個更好的工作流程
     我想這個不難理解.大多Developer對CSS頭痛的原因就是因為感覺無從下手，而CSS框架讓你有路可尋.
1.1.6   節省下載流量
CSS框架會讓你大幅減少重複定義的次數，進而減少需要下載CSS檔案的
流量.
1.1.7   網站變換風格更加容易
在專案對整體顏色或者效果改版時.之需要略微改動下專案的CSS框架檔案，
     或是寫個新的CSS檔案對框架進行部分覆蓋.即可達到效果.
1.2 為什麼網上已有那麼多CSS框架，我還要自己寫
     其實我也是從使用網上成型的CSS框架開始，不可否認，他們的CSS框架寫的非常優秀，有很多地方可以借鑑.我曾經以為使用熟練一個框架已經足夠，可是工作中使用別人的框架產生了一系列問題.下面我一一分解.
 1.2.1 必須深入瞭解框架的每一行程式碼
      因為如果你不仔細學習你所使用的框架的程式碼，你會發現工作中總會有一些“靈異現象”，你明明這麼定義，頁面卻是那樣.
      還有就是仔細閱讀框架的程式碼的學習成本足以讓你自己寫一個自己專用的框架。
1.2.2 別人的框架不一定適合你
      因為別人的框架並不會完全適合你的專案，而網上的CSS框架往往過於臃腫，自己寫框架當然會對專案更有針對性。
1.2.3 自己寫CSS框架會讓自己的CSS水平有質的提升並更加針對自己的專案
          這也算是題外話了J不過自己寫CSS框架以及學習CSS框架的寫法是一種CSS學習.會讓自己的CSS水平站在一個新的高度，這也是本系列文章所希望的.
本文轉自CareySon部落格園部落格，原文連結http://www.cnblogs.com/CareySon/archive/2009/07/06/1517912.html，如需轉載請自行聯絡原作者


相關文章