The Knowledge Network: CSS for Web Design

Explore Cascading Style Sheets (CSS); create rules; understand cascade rules; format with fonts, colors, backgrounds and boxes; use CSS positioning; use special design techniques.

In addition to learning to create web pages with CSS, students will learn how to create accessible and usable web pages by following the World Wide Web Consortium Guidelines. Following these guidelines makes web content more available to all users, regardless of ability, equipment, browsers or environment. Students will also learn what special codes to add and design techniques to provide optimal access and usability. Content accessibility guidelines are integrated throughout the presentation.

Lesson 1: Controlling Color and Typography

Create an Embedded Style Sheet
Apply Color
Comment Your Code
Modify Text Styles
Modify Font Styles
Create a Linked Style Sheet

Lesson 2: Designing with the Cascade

Create Class Styles
Create ID Styles
Create Contextual Styles
Target Styles to Elements with Specific Attributes
Create Style Sheets that Cascade
Import Style Sheets
Create Inline Styles

Lesson 3: Designing Content Sections

Control Margins and Padding
Create Borders
Control Element Dimensions
Create Floating Elements
Control Content Overflow

Lesson 4: Controlling Layout with Positioning

Control Layout with Absolute Positioning
Create a Fixed Multi-Column Layout
Create a Fluid Multi-Column Layout
Control Layout with Relative Positioning
Control the Display of Layered Elements
Apply Fixed Positioning

Lesson 5: Enhancing an Existing Design

Customize Cursors
Customize Link Styles
Customize Forms
Work with Background Images
Customize Lists
Create Generated Content

Lesson 6: Creating Alternate Style Sheets