In this lesson, you’ll learn 10 tips for better CSS:

Use comments to break up the document

Once you have a lot of styles in a CSS document, it becomes a huge mess of class names and semicolons that is nearly impossible to read.

To make it easier to go through your CSS document later, you can break up the document into sections or categories, like Base Styles, Text Styles, Backgrounds, etc.

At the top of each section in your CSS document, you can add a CSS comment to write the title of the section. CSS comments start with /* and end with */.

/* Base Styles */
 
body {
    /* Styles go here. */
}

Some coders add more stars to make multiple levels of titles.

/***** Base Styles *****/
 
/* Body */
 
body {
/* Styles go here */

}