CSS2 (Cascading Style Sheets, Level 2) is a language that allows you to separate content and style within a document. It makes developing and maintaining a web site a much easier task. In Virtual Training Company's tutorial, author Anthony Knox introduces you to CSS2, the structure of CSS, and how to create a basic style sheet. He guides you through visual formatting, such as positioning, and into advanced visual formatting, such as height and width properties. He will show you how to work with font, text, tables, and aural style sheets, as well. To get started now, simply click one of the topics below.
Introduction
Tools What is CSS? Where Can CSS be Used? The Two Specifications Simple/Advanced/XML Style Sheets CSS Terminology Using the Resource Library Beginning CSS
Including CSS in a Document Basic CSS Structure CSS Comments CSS Length Values CSS URL Values CSS Color Values CSS Strings & Quotation Marks CSS Angle Values CSS Time Values CSS Frequency Values Creating a Basic Style-Sheet CSS Selectors
Basic Selectors Descendant Selectors Child Selectors Adjacent Sibling Selectors Attribute Selectors Class & ID as Selectors Pseudo Elements & Pseudo Classes First Child Pseudo Class Link Pseudo Classes Dynamic Pseudo Classes Lang Pseudo Class First Line & First Letter Pseudo Elements Before & After Pseudo Elements Creating an Advanced Style-Sheet
The Cascade
Introduction to the Cascade
Cascading Order
Important Rules
Inheritance & Inherit
The Document Tree
Calculating Specificity
Media Types
Media Dependent Style Sheets
The @media Rule
Media Types
Media Groups
The Box Model
Introduction to the Box Model
Margin
Margin Shorthand
Padding
Padding Shorthand
Introduction to Borders
Border/Color Properties
Border/Style Properties
Border/Shorthand Properties
Border/Shorthand
Applying Borders to Index Document
Visual Formatting
The Display Property
Using the Display Property with XML
Run-in and Compact
Positioning
Using Floats
The Clear Property
Absolute Positioning
Relative Positioning
Fixed Positioning
Applying Positioning to Index Document
Using the Stack Index
Text Direction and Unicode
Advanced Visual Formatting
The Width Property
The Height Property
Line Height
Vertical Align
Visual Effects
Overflow
Clip
Visibility
Generated Content
Content
Quote
Counter Reset/Increment
Marker Offset
List Style/Type
List Style/Image
List Style/Position
List Style
Paged Media
Introduction to Paged Media
@page
Size
Margins
Marks
Left/Right/First
Page Break
Page
Orphans/Widows
Using the Page System
Colors & Backgrounds
Color
Background Color
Background Image
Background Repeat
Background Attachment
Background Position
Background
Applying Backgrounds to Index
Fonts
Family
Font Style
Font Variant
Font Weight
Font Stretch
Font Size
Font Size/Adjust
Font
Updating the Index Page
Advanced Fonts
@font-face
Basic Font Descriptors
Unicode Range/units-per-em
src
Other Advanced Properties
Text
Text Indent
Text Align
Text Decoration
Text Shadow
Letter Spacing
Word Spacing
Text Transform
White Space
Tables
Setting the Display Property
Caption Side
Table Layout
Border Collapse
Border Spacing
Empty Cells
Speak Header
User Interface
Cursor
User Preferences for Colors
Outline Width
Outline Style
Outline Color
Outline
Aural Style Sheets
Why Aural Style-Sheets?
Volume
Speak
Pause (Before/After/Pause)
Cue (Before/After/Cue)
Play During
Azimuth
Elevation
Speech Rate
Voice Family
Pitch
Pitch Range
Stress
Richness
Speak Punctuation
Speak Numeral
Summing up Aural CSS
Finalising the Website Library
Adding Borders
Adding Backgrounds
The Final CSS Presentation
Testing Site in Dominant Browsers
The Future of CSS
CSS in the Future