CSS Introduction

CSS stands for "Cascading Style Sheet."  Whereas HTML provides the structure for a web page, CSS allows you to style the page —in many cases without having to edit the structure!  To learn CSS, watch the tutorial below.  Then, visit W3Schools Links to an external site. and complete the micro-tutorials listed after the video.

 

Play media comment.

I recommend following along with this video with your own HTML website.  Everything you need to do in the assignment is covered in the video.  While I recommend watching it all the way through, I have created "chapters" for this video, so you can skip around to the different parts.  You can find the chapters by clicking on the "chapters" button in your media player (it might look like three vertical dots followed by 3 vertical lines).

 

W3Schools micro-tutorials:

  1. CSS Introduction
  2. CSS Syntax
  3. CSS Selectors
  4. CSS How to
  5. CSS Colors
  6. CSS Backgrounds
  7. CSS Margins
  8. CSS Padding
  9. CSS height/width
  10. CSS Box Model
  11. CSS Text
  12. CSS Fonts
  13. CSS Links
  14. CSS Lists
  15. CSS Tables
  16. CSS Display
  17. CSS Position