Virtual University
Introduction to Cascading Stylesheets
Week 1:
Week 2:
- 2.1 Embedded Style Sheets, Margins, and Borders
- 2.2 List Style Properties and Techniques
- Template 1
Embedded style sheet adds a border, background, margin, and padding to the IMG tag; adds border, background, margin, and padding to the DL list and underlines the DT's.
- Template 2
Embedded style sheet changes the BODY background color; adds a border, padding, and margin to the IMG; and uses CONTEXTUAL SELECTOR for a NESTED LIST to change its font and substitute IMAGE BULLETS.
- External Style Sheet CSS
BODY: background color and image, margins, justified text
HEADINGS: font, alignment, border
LISTS: background, padding, font, types
LINKS: font-style and colors for links, active links, visited links, and hover overs
Week 3:
- 3.1 Inline CSS
- 3.2 SPAN, DIV and CLASS
- 3.3 Adding Some Design
Week 4:
- 4.1 Link Alignment, ID Selectors, @import, and More
- 4.2 Pseudo-Selectors, Pseudo-Elements, and Pseudo-Classes
- 4.3 White Space: Designing in Style
- Template 1
:first-line, :hover state for hyperlinks, vertical-aligned image, forced page break, !important override
- Template 2
Anchor states (link, active, visited), :first-letter, hanging indent with negative-text-indent and margins, vertical-align, !important override
- External Style Sheet CSS
Letter-spacing, word-spacing, line-spacing
Week 5:
- 5.1 Relative Positioning
- 5.2 Absolute and Static Positioning
- 5.3 Visibility and Overflow
Virtual University, Summer 2003
nade, july 2003