This module introduces to CSS, tailoring web styles using the document hierarchy model, CSS fundamentals, layout techniques, and animation functions.

Zero to Hero in Front-end Web Development

This module is a comprehensive introduction to both writing and implementing CSS.  We’ll learn how to tailor web styles to specific areas using the document hierarchy model. We’ll dive deep into CSS fundamentals, adding colors, text styles, and backgrounds to our web page. After we’ve defined these elements, we’ll use CSS to define layouts around pictures and text flow to completely control the web page’s look. We’ll wrap up by exploring the essential animation functions of CSS.

Web Designing with CSS

Which property do we use when working with CSS feature detection? 

Which property do we use when working with CSS feature detection?

Which of the following removes all of a browser’s default styles?

Which of the following removes all of a browser’s default styles?

Which CSS prefix do we use for the Firefox browser?


Which CSS prefix do we use for the Firefox browser?

Take a quiz on what you’ve learned about CSS architecture.

Stylizing Content using CSS

CSS Selectors

CSS Core Concepts

CSS Units

CSS Fundamentals

Backgrounds & Colors

CSS Layout

Animating Your CSS

CSS Architecture

Conclusion

Quiz Yourself: CSS Architecture