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.

Defining the stages and categories

Defining the stages and categories - CSS Tutorial

From the course: CSS: Design Systems and Architectures

Start my 1-month free trial

Defining the stages and categories

“

- [Instructor] When planning the CSS architecture, start by breaking down the process into steps. These steps are parts of a whole and will build onto each other. Start with the base styles, such as CSS resets and default styles, that make up the building blocks of the interface, such as headings, paragraphs, links, and other HTML elements. After the base styles are defined, start building reusable patterns and components, such as buttons, form styles, modals, and variations of those components. Patterns and components are created to be modular, so they can be mixed and matched to create different layouts. Templates can be created for common page layouts, such as a landing page, blog page, or more general templates such as a page with or without a sidebar. Although the CSS is organized into different stages, remember, they are parts within the same codebase. So while you may start with the building blocks, these stages often run concurrently as you update the CSS. Let's take a look at…

Contents