HTML: Cascading Style Sheets (CSS) (1 day) UK Classes & Lessons (Languages: HTML)

About this class

This course is designed for students who want to learn how to use Cascading Style Sheets (CSS) to develop and design Web sites. Students will learn how to use all the features of the CSS-1 specification, and a few features of CSS-2. Students will explore browser workarounds and sound development principles along the way. Upon completion of this course, students will be able to identify style sheets of various types, customise styles, apply positioning properties, control background appearance, and create styles that break down gracefully.

Who will the lesson benefit?

This course is designed for the student who is a savvy computer user, is comfortable using the Internet, and is experienced with HTML.

What delegates will learn

use all the features of the CSS-1 specification

explore browser workarounds and sound development principles

identify style sheets of various types

customise styles

apply positioning properties

control background appearance

Examination details

N/A

What prerequisites are required

This course is designed for the student who is a savvy computer user, is comfortable using the Internet, and is experienced with HTML
We do not provide basic computer, Internet, or HTML concepts in this course
A student who isn't familiar with basic computer terminology, or who hasn't used the Internet or HTML will probably want to first take the Web Design & Functionality

Contents of this class

Introduction to Cascading Style Sheets

Designing with Style Sheets
Style Sheet Syntax
Creating Simple Rules

Creating Rules

Applying Class and ID selectors
the DIV an SPAN elements
Linked (External) Style Sheets

Conflicting Rules: The Cascade

Rules in Conflict: Cascading order

Text and Font Properties

Typographical Properties
Font Properties

Applying Colours and Backgrounds

Applying Colours
Background Techniques

Box Properties

Formatting with the Box model
Borders
Floating Elements
Styling Lists
CSS Positioning
Positioning Elements Absolutely and Relatively
Layering Elements with the z-index Property
Multi-Column Layouts

Design and Usage Techniques

Dynamic Link Colours
Cursor Styles
Styling Form Elements
Dynamically Linked Style Sheets
Contextual Selectors