Cascading Style Sheets

Prerequisite

Working knowledge of HTML or XML

Abstract

This one-day class teaches you to use Cascading Style Sheets to control presentation properties on a web site or in any browser-based application. You will learn CSS syntax, logic and selection techniques and apply them to control typography, colors, backgrounds, positioning and more. Learn to create leaner, standards-based code, eliminate table-based layouts, and create portable, attractive web designs.

Topics

• Overview
• A Brief History of CSS
• Basic Syntax
• Understanding the Cascade and Inheritance
• Media Types
• Rules Precedence

Lesson 1 - Introducing CSS

• Combining CSS style rules with HTML and XML
• Building a simple rule
• Using type selectors
• Selecting by context
• Adding multiple selectors and declarations
• Determining rule weight
• Understanding the cascade
• Working with inheritance

Lesson 2 - CSS Typopgraphy

• Measurement units
• Selecting font family
• Selecting font size and weight
• Specifying line and word spacing
• Setting text color
• Setting text indents and alignment

Lesson 3 - Box Properties

• Understanding the box model
• Adding element borders
• Setting border width and color
• Setting element padding
• Setting element margins
• Working with tables and lists

Lesson 4 - Color, Background and Image Properties

• Specifying color
• Setting background colors in elements
• Setting page background color
• Controlling background images
• Floating images
• Aligning text and images
• Controlling image margins and borders

Lesson 5 - Advanced Selection Techniques and Positioning

• Selecting elements with CLASS and ID
• Working with DIVs and SPANs
• Selecting with pseduo-classes
• Using Positioning Properties
• Working with layers
• Building positioned layouts