CSS ESSENTIALS

Course Overview

This course is designed for people wanting to learn how to efficiently and consistently design the layout, as well as the look and feel of an entire website. CSS or Cascading Style Sheets define how the HTML elements are displayed on a webpage. This course will give you all the skills, techniques, tips and tricks to hand-code the development of a website. Our training consultants are very experienced and will fast track your website development skills and knowledge.

Course Prerequisites

Students should have completed the HTML Essentials training course or have equivalent experience

Raising the Bar

1300 937 782

www.rtb.com.au

Introduction to CSS

Defining Styles with CSS
CSS Selectors
CSS Properties

Basic Text Formats Using Styles

Format font sizes and Types correctly
Formatting Hyperlinks (anchor tags)
Format Specific Text Characters
Set the line-height of text
Centering and Indenting text
Format Lists (Bullet Points)
Set The Page Margins
Add Comments to a Cascading Style Sheet

CSS and Images

Apply an Image Border
Text Wrapping Around an Image
Set Background Image Using CSS
Positioning a Background Image
Anchoring a Background Image so it Doesn't Scroll
Layering Text On Top of an Image

CSS Menus and Navigation

Replacing Image-Based Navigation Using CSS
Utilising Lists to Create a Navigation Menu
Rollover Navigation Using CSS (Without Images or JavaScript)
Build a Horizontal Menu Using CSS and Lists
Button-like Navigation With CSS

Tabular Data

Table Borders Without Using HTML Border Attribute
Displaying Alternate Table Row Colours
Change Table Row Background Colour on Hover

Forms and the User Interface

Format Form Elements With CSS
Applying Field Styles
Controlling Line Breaks And White Space
Using different colored highlights in select menu
Highlight the Current Form Field

Device and Browser Support

Site Testing in Different Browsers
Site Testing in Different Operating Systems
Installing Multiple Versions of Internet Explorer
Hiding CSS in Netscape 4
Hiding CSS in Other Browsers
Understanding Quirks Mode in Internet Explorer
Creating a Style Sheet for Printing
Implementing Alternate Style Sheets
Style Sheet Switching
Alternating CSS Without Duplicating Styles

CSS Layout and Positioning

Decide When to use IDs or a Class
Inline and Block-Level Element Display
Padding and Margins in CSS
Floating Element
Aligning elements left and right without tables
Positioning Elements on a Page Using CSS
Centering Content on a Page
Creating a two-column liquid layout (menu left, content right)
Reversing The Layout by Placing the Menu on the Right
Create a fixed-width, centered, two-column layout