Check out a free preview of the full Scalable Modular Architecture for CSS (SMACSS) course:
The "Base and Layout Names" Lesson is part of the full, Scalable Modular Architecture for CSS (SMACSS) course featured in this preview video. Here's what you'd learn in this lesson:
Naming base styles is easy because you use the tag name like html, body, or h1. Layout styles begin with the prefix “layout-“. What follows the prefix is the location. Jonathan recommends using class selectors over ID selectors because of the specificity issues that can arise.