Overview
-
Explore the core technology used for styling content on the web—CSS. Learn what CSS is capable of doing and the basics you need to make it work for you.
Syllabus
-
Introduction
- Welcome
- What you should know
- Exercise files
- What is CSS
- Default browser styles
- CSS syntax
- Basic selector types
- How CSS works with HTML
- CSS authoring options
- How browsers apply styles
- Challenge
- Solution
- CSS: then and now
- Available CSS resources
- Checking browser support
- CSS normalization and resets
- Working with fonts
- Understanding the box model
- Margins and padding
- Borders and backgrounds
- Working with color
- Units of measurement
- Vendor prefixes
- Challenge
- Solution
- Structuring a page with CSS
- Element positioning
- Floats
- Flexbox
- CSS Grid Layout module
- Organizing CSS
- Maintaining CSS with version control
- Using browser inspection tools
- Validating CSS
- Introduction to responsive web design
- Working with media queries
- What is mobile-first
- CSS frameworks and grids
- CSS preprocessors
- Additional resources
- Next steps
