編輯器的選擇，推薦webstorm，覺對的神器

1.可以分屏，左右同時編輯兩個文件，比如左邊編輯html，右邊編輯它的css/js。

2.代碼提示很人性話，分級結構也很清洗。

3.方便查找，如ctrl+點擊類名，就可自動定位到該css樣式。

4.支持自定義模版，這樣快速開始完成一些經常用到的代碼。

5.支持個性化主題，字體等。

6.強大的插件庫，自己去選吧。

7 .ctrl+/,注釋所選區域。

布局。提到布局最頭疼就是瀏覽器兼容性，現在才發現其實很多兼容性其實是很容易避免的，只要做到你對自己的每一句代碼都知道它的意義和作用，還有避免用一些有兼容性的樣式屬性就行了，很多情況都可以不用hack，一樣能實現多瀏覽器兼容。

1.不要用hack，一定有更好的解決辦法。很多情況都是因為代碼結構不夠好才會出現兼容性問題。

2. 思考如何用最少的標簽及屬性實現頁面。

3.理解結構，表現，行為分離的意義。

4. 布局前一定要先分析頁面結構，磨刀不誤砍柴工，分析怎么用更好的辦法實現，理清思路后，再切圖寫代碼。

5. 深刻理解類的概念，注重歸類元素，多總結，保持代碼風格（包括前后代碼的空格位置、多少，以及命名風格）嚴格一致并且盡量簡潔。

6. 多用組合，少用繼承。

7. 命名空間：駝峰命名法用于區別不同單詞，劃線用于表明從屬關系。

8.低權重原則------避免濫用子選擇器(即類似#test span這樣的選擇符)