Designing Websites with Cascading Style Sheets (CSS)

Duration: 2 Days


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


Experience in producing web sites, and a basic knowledge of HTML or previous attendance on the Introduction to Web Publishing or Dreamweaver 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/ embedded stylesheets
  • External/Linked stylesheets
  • Importing stylesheets

Best practices

  • Cross platform compatibility and usability issues
  • Units - ems, percentage, pixels

CSS Selectors

  • Tag selectors
  • Class and id selectors
  • Contextual Selectors
  • Pseudo classes and pseudo elements
  • Specificity

Text and Fonts

  • Typographical properties
  • Font Properties
  • List Styles

The Box Model

  • 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


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

CSS Layout

  • Using divs for layout
  • Understanding float
  • Relative positioning on a div
  • Centering content
  • Fluid vs Elastic vs Fixed layout

Design and Usage Techniques

  • Dynamic link colours
  • Styling form elements
  • Creating navigation bars
  • CSS Rollovers
  • Creating and using CSS Sprites
  • Using CSS Frameworks

Live Chat

Course Dates

London CentralLondon GreenwichBristol

The new course schedule is currently being updated and will be ready shortly. Please phone us on 0208 269 4260 or email us for the latest dates.

All our courses run in London and Bristol, or can be tailored to requirements at your own offices. For alternative dates, please email or call us on 0208 269 4260
All prices are per person and are subject to VAT
15% discount for groups of four delegates.
10% discount for groups of three delegates.
(This offer applies for delegates on the same public scheduled course on the same date.)

Related Courses

"Extremely friendly and helpful. Excellent knowledge and presentation."

Just Digital

"The whole experience was great. Trainer and staff were extremely helpful and approachable."

Faithful & Gould

"Lovely accommodation and atmosphere. The training was well structured and clear."

Alistair Sawday Publishing

© Transmedia . 85 Tottenham Court Road, London, W1T 4TQ  UK . 0208 269 4260       Privacy Policy