From the course: CSS: Design Systems and Architectures

Unlock the full course today

Join today to access over 22,600 courses taught by industry experts or purchase this course individually.

What is a CSS architecture?

What is a CSS architecture? - CSS Tutorial

From the course: CSS: Design Systems and Architectures

Start my 1-month free trial

What is a CSS architecture?

- [Narrator] It doesn't take much to get started with CSS. Select an element and apply a style to it. Simple, right? Well, maybe in the beginning. But as you add more CSS, things can quickly get out of hand. A CSS architecture is more than just writing CSS. It's about creating a solid foundation to build upon. Even for smaller projects, it's good to start with a high level plan. You never know when a small project may turn into a large project. Planning a CSS architecture tends to focus on reducing inheritance and specificity issues, using fewer styling rules for more efficient CSS, and reusability, and making it maintainable over the long term, and to be able to scale it over time. A well documented code base will also make it easier for new and existing team members to work with it. And defining rules around code styles, organization, and naming conventions are also an important part of a good CSS architecture. I'll be discussing these topics in more detail throughout the rest of…

Contents