Course Description

This 2-day CSS Introduction training course  will give students all the knowledge they need to start working with Cascading Style Sheets (CSS) and web design. During the course, students will see how to achieve 2 and 3 column layouts with CSS, and learn how to work with the HTML box model and the CSS cascade feature. Along the way we’ll also be styling text, changing colours, and using the flexibility and power of CSS selectors.

Pre-requisites

Experience in HTML.

Who is this course for?

For students interested in creating web pages using style sheets.

Further Training

After some further on-the-job programming experience with the HTML and CSS, we recommend students attend our
JavaScript Programming Introduction training course to gain skills in the usage of JavaScript to create dynamic web pages.

Course content

Crash Course in CSS
Benefits of Cascading Style Sheets
CSS Rules
Selectors
Precedence of Selectors
The Cascade
Creating an Embedded Style Sheet
Creating an External Style Sheet
Adding Inline Styles
Media Types
Divs and Spans
Units of Measurement
The Inherit Value
@import
CSS Fonts
Font – the old way
Font-family
Font-size
Font-style
Font-variant
Font-weight
CSS Text
Letter-spacing
Word-spacing
Line-height
Text-align
Text-decoration
Text-indent
Text-transform
Vertical-align
White-space
Colors and Backgrounds
About Color Values
Color Names
Hexadecimal Color Values
Color
Background-color
Background-image
Background-repeat
Background-attachment
Background-position
Custom Cursors
Cursor Styles
Custom Cursors
Are Custom Cursors Useful?
CSS and Links
Pseudo-classes
CSS Button Links
Modifying Links
Borders, Margins and Padding
Getting Started
Borders
Margin
Padding
Specifying Padding by Side
Styling Tables with CSS
A Review of HTML Table Syntax
border-spacing
border-collapse
padding