Goblin from Arthur Rackham illustrations for Rosetti's Goblin Market

Spring 2004 CSS Class

This non-credit course will be held on March 29 from 9-9:40 and March 31 from 9:00-10:00 in the IMAGE Lab (Rolfs 410).

To sign up for this class, email me.

Schedule

Monday March 29: 9:00-10:00am

Today we'll cover the basics of CSS: how it works, how to write a style sheet, where to put it, and different ways to define styles. Then, we'll write our first style sheet and apply it to the same document to see what happens. These points will be covered:

Class Notes

css - what it is and how it works
parent-child structure, why they cascade
Types of elements in CSS - Block, inline, none
Comments in CSS- */ /* (different from HTML because CSS is different)
how to call it - all in header with style tag (then all inside is CSS, so use CSS comments), 2 link relatives
Style sheet syntax
General stuff - background color, link and text colors
A note on Colors

March 31: Wednesday 9:00-10:00am

Backgrounds
Margins, floats, padding
class (p.warning) and id (#first-para)- how to call each
pseudo-classes (a:visited)
pseudo-elements (p:first-letter {color-red;})
contextual selectors (h1 em {color: gray;})
how to put icon in web address space
CSS 2 and Scrolling DIV
DIV instead of tables

Today, we'll be using this page as a basic to begin with and edit. This page was pre-made to save time on the HTML portion.

Participants

This class is limited to 7 participants.