westciv downloadable courses

complete css guide - table of contents

Follow the links below to the sections of the free online version of the Complete CSS Guide.

Part 1: Introduction

About this guide

What's new in CSS Level 2, revision 1?

Who is this guide for?

What will we cover?

How to use this guide

Browser support information

CSS intro

Where do style sheets come from?

The W3C

A history of CSS specifications

The CSS Mobile Profile

Why doesn't everyone use CSS?

Why should I use CSS?

What exactly is a style sheet?

Proprietary CSS extensions

CSS v HTML

How do style sheets work?

The parts of a style sheet

Style sheet syntax

Linking and embedding a style sheet

Embedding style sheets

Linking to style sheets

Statements

@rules

@import

@media

@page

Comments

HTML comment tags

Rules

Part 2: Selectors

Selectors introduction

What do selectors do?

Types of selector

Type selectors

Types of element

Type selectors

ID selectors

Descendant selectors

Link pseudo class selectors

Pseudo element selectors

Dynamic pseudo class selectors

Language pseudo class selectors

Child selectors

First child selectors

Adjacent sibling selectors

Attribute selectors

Part 3: Properties

Properties introduction

What are properties?

How to read the property guide

Text style properties

color

font-weight

font-family

font-size

font-variant

font-style

text-decoration

text-transform

Text layout properties

letter-spacing

word-spacing

line-height

vertical-align

text-indent

text-align

direction

unicode-bidi

Background properties

background-color

background-image

background-attachment

background-repeat

background-position

background

Border properties

Unscrambling the border mess

border-width, border-top-width, border-left-width, border-bottom-width, border-right-width

border-color

border-style

border, border-top, border-left, border-bottom, border-right

Margin properties

margin

margin-top

margin-left

margin-bottom

margin-right

Padding properties

padding

padding-top

padding-left

padding-bottom

padding-right

Page layout properties

Introduction to positioning with CSS

The big picture

A note about "layers"

And <div>s?

Ways of positioning

Static positioning

Absolute positioning

Fixed positioning

Relative positioning

position

top

left

bottom

right

width

min-width

max-width

height

min-height

max-height

z-index

visibility

overflow

float

clear

clip

Element type properties

display

white-space

list-style-type

list-style-image

list-style-position

list-style

border-collapse

border-spacing

caption-side

empty-cells

table-layout

User interface properties

cursor

outline

outline-color

outline-style

outline-width

Values

Length values

Percentage values

Color values

Keyword values

Shape values

Part 4: Advanced CSS

Advanced CSS introduction

Cascade and inheritance

Cascade

Managing style at large sites using @import

Specificity

Inheritance

Generated content

content

quotes

Counters and counter properties

counter

counters

counter-reset

counter-increment

Media

The @media rule

Types of media

Media specific importing using @import

Printing

The @page rule

Page specific properties

margin, margin-left, margin-right, margin-top, margin-bottom

Page breaking properties

page-break-before

page-break-after

page-break-inside

orphans

widows

CSS Mobile Profile

Selectors in the CSS Mobile Profile

Properties in the CSS Mobile Profile

Part 5: Real world CSS

Real world CSS introduction

Tables with CSS

Standards-based HTML 4.0

Borders

Color

Evening things up

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

Designing for the web

Introduction

Same old new medium?

Controlling web pages

Why does it matter?

The way

Fonts

Layouts

Colors

The journey

Validating

Validating HTML

Why validate?

What is validating?

So how do I do this?

Online validators

Stand-alone validators

Validate your style sheets

© 1997- western civilisation pty. ltd. Contact Us Search Site