CSS methodologies

CSS methodologies are built to make the process of building code more predictable and more organized. The most well-known methodologies are as follows:

  • Scalable and Modular Architecture for CSS (SMACSS)
  • Object Oriented CSS (OOCSS)
  • Block Element Modifier (BEM)

Each of these methodologies has different features. Let's check what these popular methodologies can offer.

SMACSS

SMACSS was created by Jonathan Snook. It's more of a framework than a methodology:

SMACSS

For the official website of the project, visit https://smacss.com/.

SMACSS is based on the following rules:

  • Base rules
  • Layout rules
  • Module rules
  • State rules
  • Theme rules

Base rules

Base rules ...

Get Professional CSS3 now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.