Cascading Style Sheets

Objectives

This course is aimed at those developing web sites and corporate intranets. It explores how using style sheets can dramatically improve the creation and management of a site. The focus is on creating and implementing stylesheets in a text editor, but also covers implementation of stylesheets using Dreamweaver and FrontPage


Pre-requisites:

Experience in producing web sites, and a basic knowledge of HTML or previous attendance on the Introduction to Web Publishing course


Course Includes:

A comprehensive set of reference notes covering course topics, follow-up telephone support and, for training on Transmedia premises, lunch and refreshments.


Course Outline


Introduction to CSS


Benefits of separating Style from Content
Stylesheet syntax
Rules, Selectors and Tags
Cascading order
Inheritance



Implementing style sheets


Inline styles
Internal stylesheets
External/Linked stylesheets
Importing stylesheets



The EM unit and other best practices


Cross platform compatibility and usability issues



CSS Selectors


Type selectors
Class and style attributes
Contextual Selectors
Pseudo classes and pseudo elements



Text and Fonts


Typographical properties
Font Properties
List Styles



Boxes


Formatting with the box model
Borders, Padding and Margins
Alignment
Floating Elements






CSS Positioning


Positioning absolutely vs. relatively
Layering elements with the Z-Index property
Making elements invisible



Colours and Backgrounds


Specifying colours and backgrounds
Setting border and hyperlink colours
Controlling the background image



Tables


Parts of a table
The collapsing borders model
Alignment and sizes
Rules in conflict
Cascading order



Aural Style sheets


Introduction to aural style sheets
Volume and speaking properties
Pause, Cue and Mixing
Voice characteristic properties



Design and Usage Techniques


Dynamic link colours
Cursor styles
Styling form elements