Unit 6

Cascading Style Sheets (CSS)

Style and lay out pages with CSS: syntax, selectors, the box model, pseudo-classes, and responsive design with media queries, Flexbox and Bootstrap.

What you will learn

After this unit you can:

Explain the purpose of CSS
Write CSS rules
Add CSS in three ways
Select elements with selectors
Use pseudo classes and elements
Build responsive pages with media queries, Flexbox and a CSS framework

Topics in this unit

6.1Introduction to CSS✓6.2CSS Syntax2 code examples · 2 diagrams✓6.3Adding CSS to an HTML Document3 code examples✓6.4CSS Selectors3 code examples · 1 diagram✓6.5Pseudo-classes and Pseudo-elements2 code examples✓6.6Responsive Web Page Design2 code examples✓6.6.1CSS Media Queries1 code example · 1 diagram✓6.6.2Flexbox3 code examples · 1 diagram · interactive lab✓6.6.3CSS Frameworks1 code example · 1 diagram✓6.7Review Questions1 code example✓