CSS Box Model Attribute Ordering Convention

Question

If you ever wonder in what order to enter your CSS attributes like border, padding, font-family, etc. Two common approaches seem to be

Answer 1

It makes sense to:

• Group the properties with similar functions (like height and width or clear and float) because if we change the value of one property, we often change the value of other properties in the group too.
• Order the property groups such that they are in decision sequence. For example position before float, because if I choose position: absolute, float will be irrelevant.