御麗詩妃.以下內容來源於網絡，著作權歸屬原作者。
前端工程師寫CSS的通病，你中了幾條？內附解決方案
1.CSS簡單說明
對於Web的初學者來說，網站不外乎就是HTML和CSS，JS三大板塊組合而成，HTML主要是用來負責網絡的結構，CSS則是對樣式的設計，JS則是交互效果的核心，這篇文章主要講一下CSS相關的內容，因爲CSS本身學習就相對來說比較簡單，但是如果如果很容易那就大錯特錯，入門快，想要精通卻非常不易，花時間做項目提升非常重要。
我們簡單從概念上來說，CSS屬於層疊樣式表，主要用在網頁排版設計和裝修效果，讓網頁看起來美觀漂亮，對於剛入行的初學者來說，會使用是不難的，但是如果要用的熟練精通，那可並不容易，下面我就說一下常見的通病吧，幫大家排排雷。
2.常見通病
佈局不清晰，製作結構混亂，HTML和CSS樣式過多
如果對常見板塊的設計思路有問題，就會導致做出的效果一致，但是CSS樣式和HTML代碼標籤相對來說比較麻煩，初學者常常會用30行代碼來完成10行代碼就可以完成的事情。
代碼的規範
初學者寫出的代碼往往只有自己看的懂，讓別人來看，可能就是一種煎熬，甚至只能看懂一部分，寫代碼是一種藝術，寫得好叫大神，寫的差，也太爲難看的人了。作爲一個合格的IT從業者，代碼應該同出一門，讓所有的同行都應該看的懂，如果你寫的代碼很難辨認，在後期的維護中就會產生非常大的時間浪費。
命名問題也是常見的問題之一，什麼代碼風格，不寫註釋都要改進。首先，命名問題是最大的問題，英文+數字是很多小夥伴喜歡使用的，儘量不要用太奇葩的命名方法，這樣就顯得非常不專業。
還有就是代碼風格的差異，自己寫的代碼，自己辨認都需要很久，以至於之後再進行維護的時候悔不當初，所以代碼一定要注重規範。
選擇器使用不當
選擇器的問題就有很多種類了，各種樣式那是百花齊放，只有你想不到，沒有天馬行空的新人做不到，層級之深，樣式之複雜，看的你直掉頭髮。
屬性的認識不夠深刻
真正麻煩的時候開始了，由於初學者的項目實操豐富度不是很高，所以對常見屬性的使用也並不是非常的完美，對CSS的使用會有知識點的盲區，寫出來的效果就會差強人意。可用性不高，性能也許也比較低下。
不理解CSS組件開發
最後重點說一下製作效果不可以重複的問題，對於經驗比較少的朋友來說，僅僅看到當前的直觀樣式是不清楚的，一個網站的整體結構，做出來的效果，樣式的複寫率就會比較高，無法對整體的結構和樣式有一個完全的認知，在複寫樣式的過程中花費較多的時間，看起來是滿足當前板塊的需求，實則非常影響整體網頁的性能。
3.解決方案
學會使用開發手冊
學會用API開發手冊是非常重要的，當對於屬性的認知並不深刻的時候，多多查詢是非常有好處的， 可以說是前端開發的寶典了。
多解讀前端經典UI框架源碼
多在網上學習經典UI框架，比如bootstrap layUI等等，學習樣式寫法，代碼的編寫風格，命名的格式。
多參與商業級網站實戰或仿站
這個的目的在於讓初學者多參與同類型或不同類型的設計，多參考學習寫法和製作思路，加快學習腳步，儘早做到提升。
Github開源項目
最後可以給大家分享一個比較好用的github，類似的這個平臺也非常多，這些個代碼倉庫是一個不錯的學習平臺，多多學習，多多提升，對新手的幫助非常大。