CSS declarator order
.selector {
/* Positioning */
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 10;
/* Box Model */
display: inline-block;
float: right;
overflow: hidden;
box-sizing: border-box;
width: 100px;
height: 100px;
padding: 10px;
margin: 10px;
/* Text */
font-family: comic-sans;
font-size: 1em;
text-align: right;
/* Visual */
background: #000;
color: #fff;
border: 10px solid #333;
border-radius: 5px;
clip: rect(1px, 1px, 1px, 1px);
/* Other */
cursor: pointer;
opacity: 1;
}
Sources: Nicolas Gallagher's Idiomatic CSS and CSS Tricks.