Scalable Modular Architecture for CSS (SMACSS)

Base and Layout Names

Jonathan Snook

Jonathan Snook

Snook.ca Web Development, Inc.
Scalable Modular Architecture for CSS (SMACSS)

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.

Preview
Close

Learn Straight from the Experts Who Shape the Modern Web

  • In-depth Courses
  • Industry Leading Experts
  • Learning Paths
  • Live Interactive Workshops
Get Unlimited Access Now