Base and Layout Names

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.