Syntax highlighting

Let's switch over to our CSS for a second. Another feature that will make our job much easier is syntax highlighting. Notice how the rule sets all follow a color scheme. The selectors are red, properties are blue, and the values are purple. They will start getting embedded into your subconscious mind:

What Sublime Text does for you is it subtly points out your mistakes. I often type in a semicolon where a colon is required. This will cause your CSS to not work. Syntax highlighting, though, tells me that something is wrong because, as shown in the following screenshot, the color scheme changes:

It's easy to spot a color difference but difficult to see the difference between a colon and a semicolon if you are not looking for it: