缩进与换行
使用 2个空格做为一个缩进层级，不允许使用 4个空格
<ul>
<li>first</li>
<li>second</li>
</ul>
class 命名
- class 必须单词全字母小写，单词间以 - 分隔
- 使用
BEM命名规则
<div class="cp-dialog__wrapper">
<div
class="cp-dialog"
<div class="cp-dialog__header">
<span class="cp-dialog__title"></span>
<button class="cp-dialog__headerbtn"
<i class="cp-dialog__close cp-icon cp-icon-close"></i>
</button>
</div>
<div class="cp-dialog__body"></div>
<div class="cp-dialog__footer"></div>
</div>
</div>
- class 必须代表相应模块或部件的内容或功能，不得以样式信息进行命名
<!-- good --><div class="cp-sidebar"></div> ✅
<!-- bad --><div class="cp-left"></div> ❎