13-css

CSS Basics

lecture slides

Cascading Style Sheets allow you to control what a webpage looks like, creating the visual style of a document written in HTML. A significant portion of web (and web-based application) development focuses on properties controlled by CSS.

Pre-reading

Please watch the following introductory videos and then read the selected MDN pages.

Videos

Video	Length	Slides
CSS part 1	14 minutes	slides
CSS part 2	10 minutes	slides

MDN

• CSS first steps
• Basic CSS selectors and selector reference
• The box model
• Values and units

Exercises

1. Styling Text
2. Frameworks