Westciv Logo

These materials are copyright Western Civilisation Pty Ltd.

www.westciv.com

They are brought to you courtesy of Style Master CSS Editor and Westciv's standards based web development courses.

Please see our website for detailed copyright information or contact us info@westciv.com.

westciv downloadable courses

css level 1 - table of contents

Course Introduction

About the course

Tools you need

Prerequisites

The project

If you have completed HTML and XHTML for CSS
If you haven't completed HTML and XHTML for CSS

CSS Introduction

What is CSS?

Why are style sheets important?

Developing for different user agents
Accessibility
CSS advantages

CSS shortcomings

CSS anatomy

The elements of a style sheet

Statements
Selectors
Properties

Basic selectors and properties

Type selectors

Syntax

Basic text properties

The font-family property
Inheritance
The font-size property

Linking and embedding

Incorporating CSS into web pages

Linking to style sheets

Embedding style sheets

More text properties

The text-decoration property

The font-style property

The font-weight property

Case sensitivity

Background properties

Introduction to the background properties

Using color

Color keywords
Hexadecimal values

The background-color property

The color property

Group selectors

Powerful CSS backgrounds

Working with background images

The background-image property
URL values
The background-repeat property
The background-position property
The background-attachment property

Class and pseudo class selectors

Link selectors

Specificity and link selectors

Class selectors introduction

Generic document structure

Creating class selectors

Class selectors and specificity

Page layout

Introduction

Whitespace

Margins

Using the margin property for positioning

Centering

Centering text
Centering an element

Add color with the border and background properties

The border property

The padding property

Indenting and outdenting

The headings
The text

Links with classes

Different types of links

Combining link and class selectors

Navigation bars

Building a navigation bar

The cascade

Descendant selectors

Importing style sheets

Managing style at large sites

The @import rule

Real world CSS

Introduction

CSS and HTML validation

How to validate an HTML Document
CSS validation

Adaptability and accessibility

Controlling web pages
Why does it matter?
Adaptability is accessibility
Making it happen - percentages and ems, fonts and page layouts
Fonts
Page layout
Colors

browser support

"It doesn't work": a word of warning
The difficulties: partial support, buggy support, no support
No support
Partial and buggy support
Missing features
Broken features

CSS problems in Netscape 4

Tables
The background-image property
Relative URLs
Using margin, padding and border on inline elements

Techniques for dealing with Netscape 4

Server side
Client side
Netscape's @import bug
Forget Netscape
Lowest common denominator

Tables and CSS

The table and td selectors
Styling a table
Borders and background colors
The border-collapse property
Using a class selector in tables
The width and height properties

Descendant selectors revisited

Wrap-up

Where to now?

Revision quiz