Quick Tip: Alphabetize Your Properties

This one may not make your CSS code any faster or slower, but it can definitely speed up the rate at which you edit, change, and refactor your code. Every developer has their own way of writing code, but if you’re not happy with the way your CSS is organized, you might benefit from trying this technique. By arranging all of your properties into alphabetical order, your editing process can get a lot more efficient. It might initially take a little longer to get used to, but once you get used to doing it, it’ll come second nature to you.

Here’s an example:

div{
background-color: #fff;
color: #000;
margin: 0;
text-align: center;
width: 300px;
}

Try it in your own code to see for yourself how much faster your CSS editing process can get!