CSS語義化命名
從上圖我們可以大概看出這里有兩種CSS的命名方式：1、結構化命名法；2、語義化命名法。
結構化命名法：根據頁面中板塊的位置而命名，如上圖中的content-left,這時如果我們想把側邊欄sidebar放在左邊，那么這時content-left板塊卻在右邊，板塊位置與其命名完全不符，那么我們這時就要修改頁面中的以及CSS樣式中的選擇器名字了，這樣會很不方便，尤其是當頁面結構復雜時，一會兒left,一會兒right，這樣會很不容易維護。
語義化命名法：根據頁面中模塊的功能而命名，如頁面頭部header、導航欄nav、主體main、側邊欄sidebar、底部footer、新聞列表newsList等等，這樣整個頁面看起來就比較清晰了，維護起來也比較方便。
那么具體來說，應該怎么命名呢，駝峰命名法？下劃線命名法？中華線命名法？首先我們需要做到的是要見名知義，最好是用英文單詞或通用的縮寫來命名，對于是用駝峰命名法還是劃線命名法，筆者建議兩種都使用，駝峰命名法用來區別不同的單詞，劃線用來表示從屬關系，如主導航欄，我們可以這樣命名，mainNav代表這個導航，mainNav-current表示導航處于焦點狀態，如本站的導航：
html代碼如下：
新聞熱點
疑難解答
