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.
Base styles - CSS Tutorial
From the course: CSS: Design Systems and Architectures
Base styles
- [Instructor] By this stage, you've figured out your text editor settings, development environment, formatting guidelines, and naming conventions. You're ready to finally start writing some code. Whether you're using one of the previously discussed methodologies or your own, you should start with your base CSS styles. As you build out your CSS architecture, remember to start with generic styles and only get as specific as you need. Reuse wherever possible and refactor throughout the process. It's rare to write perfect code the first time around, so refactor as you go along. If you're not familiar with refactoring, it's the practice of rewriting the code to improve it. That might mean just fixing indentation and formatting or revising class names to shorten them, make them more functional, or more efficient. Or finding ways to reuse styles and reduce the number of inefficient or unused CSS. Write with the intention of continuous improvement. If you're using a CSS preprocessor, start…
Contents
-
-
-
-
-
(Locked)
Overview1m 32s
-
(Locked)
Defining the stages and categories4m 40s
-
(Locked)
Editor settings, tools, and setup2m 21s
-
(Locked)
Formatting rules1m 50s
-
(Locked)
Class-based CSS1m 39s
-
(Locked)
Naming conventions with SMACSS3m 6s
-
(Locked)
Base styles3m 6s
-
(Locked)
Modular CSS3m 25s
-
(Locked)
Responsive2m 16s
-
(Locked)
Templates1m 31s
-
(Locked)
-