CSS in Action: Add Styles, Formatting and Functionality

Chris Landtiser, Front-End Specialist

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
15 Lessons (37m)
    • 1. Introduction

      1:20
    • 2. How to Start the Project

      1:25
    • 3. A Quick Look at Our Content

      1:32
    • 4. CSS Toolbox: Elements, Classes, and IDs

      2:27
    • 5. Big Picture Layout

      3:09
    • 6. Customizing the Header

      3:08
    • 7. Understanding the Fallout

      1:37
    • 8. Deep Dive on Specificity

      3:40
    • 9. Working with Lists and the Navigation

      2:58
    • 10. Layouts and Changing Display Formats

      1:25
    • 11. Floats vs. Flex (and Grid!)

      3:31
    • 12. The Power of CSS

      4:35
    • 13. Pseudo-Classes

      2:39
    • 14. Fancy Flexbox

      2:35
    • 15. Your Turn and Conclusion

      1:20

About This Class

This class covers the incredible flexibility and utility of CSS. Beginning with a simple HTML page and minimal CSS, students are able to greatly alter the style, format, and even functionality of content with just a single stylesheet.

While the class briefly covers the base fundamentals of CSS during the first couple sessions, students with a pre-existing grasp of basic HTML and CSS will take away the most from this course. However, anyone will be able to test the waters and see how effective CSS can be!

Students can use their own code editors, while copying/pasting the relevant code. The course will assume they use the online editor at https://codesandbox.io/s/qkvll23r34 for convenience and instant feedback. Any modern web browser will do, and the course will be recorded in the current version of Chrome.