Cascading Style Sheets

DURATION
2 days

PREREQUISITES
An understanding of HTML or XHTML

OVERVIEWCSS allows developers to control the style and layout of multiple Web pages all at once. Define a style for each HTML element and apply it to multiple Web pages. All elements are updated automatically.

COURSE CONTENTCSS Introduction

What are style sheets?
What is CSS?
Where does CSS come from?
What does CSS do?
The legacy of HTML
CSS Productivity advantages
CSS Site management advantages
CSS Accessibility advantages
CSS problems and shortcomings

Syntax Basics

How style sheets work
Anatomy of style sheets - statements, selectors, properties and values

Basic Selectors and Properties

XHTML / HTML element selectors
Basic text properties
Inheritance
Whitespace in CSS code

Linking and Embedding

Linking documents to style sheets
Embedding documents in style sheets
Which is better, linking or embedding?

More Text Properties

More CSS text and font properties - text-decoration, font-style, font-weight
Background properties
Color values in CSS
Group selectors
Case sensitivity in CSS
Background Properties

Background properties
Color in CSS
The color property
Group selectors
Class & Pseudo Class Selectors

Background properties
Color in CSS
The color property
Group selectors

Page Layout

The use of whitespace
margins
padding
text alignment and centering objects
borders
text indentation

Links with Class

Combining link and class selectors

A Navigation Bar

Cascading
Descendant selectors

Importing Style Sheets

importing style sheets
using importing to manage large web sites

Real World CSS

Validating HTML and CSS
Design for adaptability and accessibility
Real world issues for commonly used properties
Browser compatibility. Making style sheets work today