Topic: Working with Cascading Style Sheets

This tutorial explores the history and theory of cascading style sheets. You will learn the difference between inline styles, embedded styles, and linked style sheets as well as the concepts of style precedence and style inheritance. Students learn how to use the class and id attributes to create styles for the documents as well as how to work with container elements using the <div> tag. You will learn about creating style sheets for different media and be able to use cascading style sheets to design Web page layout.

You will work with element ids and classes and with the properties of block-level elements including floating a block-level element. You will set a display style, and work with the box model. Students will also learn how to format hypertext links on their Web page and how to create a “rollover” effect for them. You will work with CSS classes and pseudo-classes and learn how to manage content overflow.

» Instructor's Powerpoint Notes (pdf)