### 1.1、id和class的命名原則 應反映該元素的功能或使用通用名稱，而不要用抽象的晦澀的命名（原則：見名知其義） ### 1.2、文件夾、文件名、id、class具體命名規范:[駝峰命名法](https://baike.baidu.com/item/%E9%AA%86%E9%A9%BC%E5%91%BD%E5%90%8D%E6%B3%95/7794053?fr=aladdin) * 文件夾采用“中劃線法命名法” ~~~ 例：system-user-info：函數名中的每一個邏輯斷點都有一個下劃線來標記。 注：文件名不要以中文或人名命名，可以在文件內部注釋說明是誰修改或建立的這個文件 ~~~ * 文件名采用“中劃線法命名法” ~~~ 例：system-user-info.js：函數名中的每一個邏輯斷點都有一個下劃線來標記。 ~~~ * id：采用“小駝峰命名法” ~~~ 例：myStudentCount：變量myStudentCount第一個單詞是全部小寫，后面的單詞首字母大寫。 ~~~ * class：采用“中劃線法命名法” ~~~ 例：print-employee-paychecks：函數名中的每一個邏輯斷點都有一個下劃線來標記。 ~~~ ### 1.3、id和class命名越精簡越好，只要足夠表達意思，這樣有助于理解，同時也能提高代碼效率 ~~~ .navigation{} /* 不推薦 */ .login_box_inside_con{} /* 不推薦 */ .nav{} /* 推薦 */ ~~~ ### 1.4、命名嵌套問題 書寫css要注意先后順序和嵌套問題，從性能上考慮盡量減少選擇器的層級 ~~~ .nav ul.list{} /* 不推薦 */ .nav .list{} /* 推薦 */ ~~~ ### 1.5、命名中盡量避免使用中文拼音，應該采用更簡明有語義的英文單詞進行組合 * 命名注意縮寫，但是不能盲目縮寫； * 不允許通過1、2、3等序號進行命名； * 避免class與id重名； * id注意用于標識模塊或頁面的某一個父容器區域，名稱必須唯一，不要隨意新建id； * class用于標識某一個類型的對象，命名必須言簡意賅； * 盡可能提高代碼模塊的復用，樣式盡量用組合的方式； * 規則名稱中不應該包含顏色、定位等與具體顯示效果相關的信息，應該用意義命名，而不是結果名稱。