css书写顺序

  1  1. Display & Flow
  2  2. Positioning
  3  3. Dimensions
  4  4. Margins, Padding, Borders, Outline
  5  5. Typographic Styles
  6  6. Backgrounds
  7  7. Opacity, Cursors, Generated Content
  8  
  9 例子：
 10  
 11 el {
 12     display: ;
 13     visibility: ;
 14     float: ;
 15     clear: ;
 16  
 17     position: ;
 18     top: ;
 19     right: ;
 20     bottom: ;
 21     left: ;
 22     z-index: ;
 23  
 24     width: ;
 25     min-width: ;
 26     max-width: ;
 27     height: ;
 28     min-height: ;
 29     max-height: ;
 30     overflow: ;
 31  
 32     margin: ;
 33     margin-top: ;
 34     margin-right: ;
 35     margin-bottom: ;
 36     margin-left: ;
 37  
 38     padding: ;
 39     padding-top: ;
 40     padding-right: ;
 41     padding-bottom: ;
 42     padding-left: ;
 43  
 44     border: ;
 45     border-top: ;
 46     border-right: ;
 47     border-bottom: ;
 48     border-left: ;
 49  
 50     border-width: ;
 51     border-top-width: ;
 52     border-right-width: ;
 53     border-bottom-width: ;
 54     border-left-width: ;
 55  
 56     border-style: ;
 57     border-top-style: ;
 58     border-right-style: ;
 59     border-bottom-style: ;
 60     border-left-style: ;
 61  
 62     border-color: ;
 63     border-top-color: ;
 64     border-right-color: ;
 65     border-bottom-color: ;
 66     border-left-color: ;
 67  
 68     outline: ;
 69     list-style: ;
 70  
 71     table-layout: ;
 72     caption-side: ;
 73     border-collapse: ;
 74     border-spacing: ;
 75     empty-cells: ;
 76  
 77     font: ;
 78     font-family: ;
 79     font-size: ;
 80     line-height: ;
 81     font-weight: ;
 82     text-align: ;
 83     text-indent: ;
 84     text-transform: ;
 85     text-decoration: ;
 86     letter-spacing: ;
 87     word-spacing: ;
 88     white-space: ;
 89     vertical-align: ;
 90     color: ;
 91  
 92     background: ;
 93     background-color: ;
 94     background-image: ;
 95     background-repeat: ;
 96     background-position: ;
 97  
 98     opacity: ;
 99     cursor: ;
100     content: ;
101     quotes: ;
102     }