# 代码质量

# CSS 书写规范

  • 选择器与{ }之间强制空格
  • 并集选择器之间要强制换行
  • 选择器嵌套不大于三级
  • 属性必须另起一行
  • 每一句声明都要以分号结尾

# CSS 书写顺序

遵循从外到内,从布局到装饰 的顺序编写

  1. 布局定位属性:

    div {
      display: block;
      visibility: visible;
      float: none;
      clear: both;
      position: absolute;
      overflow: auto;
    }
    
  2. 自身属性:

    div {
      margin: 5px auto;
      width: 100px;
      height: 100px;
      padding: 8px;
      border: 1px solid #cccccc;
      background: #ffffff;
    }
    
  3. 文本属性:

    div {
      color: #409eff;
      font-size: 16px;
      font-family: helvetica;
      font-style: normal;
      text-decoration: underline;
      text-align: center;
      vertical-align: middle;
      white-space: no-wrap;
    }
    
  4. 其他属性:

    div {
      content: "";
      cursor: pointer;
      border-radius: 4px;
      box-shadow: 1px 1px #efefef;
      text-shadow: 2px 2px #777777;
    }