CSS书写规范

意义

书写规范，便于查看，简洁有序

顺序

1.布局定位属性

• display (建议放首位，有关盒子模式）
• position
• float
• clear
• visibility
• overflow

2.自身属性

• width
• height
• margin
• padding
• background

3.文本属性

• color
• font
• text-decoration
• text-align
• vertical-align
• white-space
• break-word

4.其他属性（CSS3）

• content
• cursor
• border-radius
• box-shadow
• text-shadow
• background：linear-gradient

案例

.simple {
  /* 布局定位属性，display建议放首位 */
  display: block;
  position: relative;
  float: left;
  /* 自身属性 */
  width: 100px
  height: 100px;
  margin: 0 auto;
  padding: 20px 0;
  /* 文本属性 */
  font-family: Arial, sans-serif;
  color: #fff;
  /* 其他属性 */
  bacground: rgba(0, 0, 0, .5);
  border-radius: 10px;
}