Lesson 5: Introducing CSS

Click for closed captioning

Next Step

Step 2: CSS in Action

Click for closed captioning

CSS stands for Cascading Style Sheets, and it's the primary way web designers make their websites look awesome.

In this lesson, we're focusing on the basic syntax on CSS. CSS works with HTML to style your page through a series of rules. You use a selector to select what a particular CSS rule should apply to.

There are four primary ways to select a part of your page: a tag selector, an id attribute selector, a class attribute selector and a compound selector. A compound selector lets you select specific child elements by combining tags, classes and ids.

Step 3: Reference Materials

Download this handout for an overview of the material covered in the Lesson 5 videos.

As we progress through the next three lessons, we'll talk about many more CSS properties, including how to lay out a page. We'll also talk more about how CSS works, including specificity, inheritance, external style sheets and more.



For more details on the CSS properties and values we've covered so far, visit the class CSS Google Doc.

We'll continue to update the list as we learn more about CSS. If you want to get a head start, you can find a full list of CSS properties here.

Try the useful Code Academy tutorials if you'd like more practice using basic CSS syntax. And here's the site where you can pick hexidecimal colors for your designs.

Next Step

Log in to Moodle to complete Assignment 5.