样式书写顺序，html属性书写顺序

1. Positioning
2. Box model
3. Typographic
4. Visual

  Positioning（定位）

  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

 /* Box-model */
  display: block;
  float: right;
  width: 100px;
  height: 100px;
  z-index: 100;

 Typography （排版）

  font: normal 13px "Helvetica Neue", sans-serif;
  line-height: 1.5;
  color: #333;  

Text-overflow

Vertical-align

Text-align

Layout-flow

Writing-mode

Direction

Unicode

Word-break

Line-break

Word-wrap

  Visual （视觉）
  background-color: #f5f5f5;
  border: 1px solid #e5e5e5;
  border-radius: 3px;

 Misc （其它）

Content

Cursor

Behavior

Filter

opacity: 1;

Zoom

HTML 属性应当按照以下给出的顺序依次排列，确保代码的易读性。

• class
• id, name
• data-*
• src, for, type, href
• title, alt
• aria-*, role