CSS attribute writing Sequence

Every time CSS is written, it will pause, and how to write the sequence under the Organization, without careful analysis. After a long time, it will form the default habit, purely for the convenience of searching and rewriting, this is probably the case:

Position:; <br/> margin:; <br/> padding:; <br/> width:; <br/> Height:; <br/> border :; <br/> Background:; </P> <p> color:; <br/> font-size:; <br/> Z-index :; <br/> display :;

I only listed some of the commonly used ones. I read "The writing sequence of attributes in CSS", and I think the analysis is good.

 

 

1. Attributes that affect the Document Stream (such as display, position, float, clear, visibility, and table-layout)
2. Attributes of the Self-box model (such as width, height, margin, padding, and border)
3. Typographical attributes (such as font, line-height, text-align, text-indent, vertical-align, and so on)
4. Decorative attributes (such as color, background, opacity, and cursor)
5. Attributes of the generated content (such as content, list-style, and quotes)