What are css methodologies and why to use them

In this article, I’m going to explain, what are CSS methodologies also why it is better to use them and finally introduce common CSS methodologies.
Definition
In a nutshell, CSS methodology is a structured way of writing and organizing your CSS and HTML.
Benefits of using CSS methologies
It may not be handy in small projects but in large projects where CSS code grows over thousands of line, it’s very useful to use CSS methodologies. Maybe new members join the team and adding more styles so it gets really unwieldy (spaghetti code) and that would be hard to support and scale it.
Here are five CSS methodologies that are more common to use:
- OOCSS (Object Oriented CSS)
- BEM (Block, Element, Modifier)
- ACSS (Atomic CSS)
- SMACSS (Scalable and Modular Architecture for CSS)
- SUITCSS(SUIT CSS)
Atomizer

Atomizer is a tool for creating Atomic CSS. Generate an Atomic stylesheet dynamically from the Atomic classes you’re actually using in your project (no unused styles!), or predeclare styles in configuration — it’s up to you. Atomizer is not opinionated, brings no CSS of its own, and integrates nicely with your favorite task runner.
BEM

BEM is a highly useful, powerful, and simple naming convention that makes your front-end code easier to read and understand, easier to work with, easier to scale, more robust and explicit, and a lot more strict.
SMACSS

SMACSS is a way to examine your design process and as a way to fit those rigid frameworks into a flexible thought process. It is an attempt to document a consistent approach to site development when using CSS.
suitcss

SUIT CSS is a reliable and testable styling methodology for component-based UI development. A collection of CSS packages and build tools are available as modules. SUIT CSS plays well with React, Ember, Angular, and other component-based approaches to UI development.
OOCSS

Object oriented CSS (OOCSS) is a methodology of writing reusable CSS that is fast, scalable and maintainable. It’s the first of the popular CSS “systems” that aim at making CSS more modular and scaleable
In conclusion
All methodologies have the same goal but a different way to do the job. But in case you are wondering think that which of CSS methodologies is the best to use? BEM seems to be the most popular at the moment but you may prefer other methodology or even combine them together.
There are a lot of articles about combining methodologies one of the good ones is Combining the Powers of SEM and BIO for Improving CSS.
Good luck
