陪玩app源码，样式声明应遵循的顺序

为了保证更好的可读性和可扫描性，样式声明应该遵循以下顺序：

结构性属性:
a. display
b. position, left, top, right 等
c. overflow, float, clear 等
d. margin, padding

表现性属性：
a. background, border 等.

    /* position 定位 > 盒模型 > 其他属性 */
    .ele {
      /* position 定位 */
      position: absolute;
      left: 10px;
      top: 10px;
      z-index: 1;

      /* 盒模型 */
      display: block;
      overflow: hidden;
      float: left;
      width: 100px;
      height: 100px;
      margin: 20px auto;
      padding: 0 10px;

      /* 排版 */
      font: normal 13px “Helvetica Neue”, sans-serif;
      line-height: 1.5;
      color: #333;
      text-align: center;

      /* 可见属性 */
      background-color: #f5f5f5;
      border: 1px solid #e5e5e5;
      border-radius: 3px;

      /* 不影响布局的属性 */
      opacity: 1;
    }

 

以上就是陪玩app源码，样式声明应遵循的顺序， 更多内容欢迎关注之后的文章