Course Details close

Course Details

(inc GST)
$ 990
Duration:2 days
Level 3
321 Pitt St
Sydney NSW 2000
Participants:Max 10
Length:9:00 to 16:30
Break Times:
10:30 (15mins)
12:30 (1hr)
14:45 (15mins)
Course Dates: View
Course Outline: View

CSS Course

   (4.8 out of 5)
Location: Level 2
80 Mount St
North Sydney
NSW 2060
Break Times:
10:30 (15mins)
12:30 (1hr)
14:45 (15mins)
Duration: 2 days Participants: Max 10
Course Length: 9:00 to 16:30 Price:
(inc GST)
$ 990
Sale Price:
(inc GST)

Quick links

CSS Course

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

Course Inclusions

FREE Course Re-sit

8 months

When you book a public course at Raisng the Bar we offer you a FREE course re-sit for up to 8 months from the scheduled course date.

FREE Email Support

12 months

Free email support for up to 12 months from the scheduled course date.

Small Class Sizes

10 students

All of our courses are capped at a maximum of 10 students to maximise your learning experience.

Classroom Training

All of our courses are face to face, hands on, classroom based training delievered by .

Course Manual

With each course we provide you with a comprehensive course manual for you to practice post course.

Computer Lab

No need to bring your own laptop. Our training courses are conducted in fully equipped computer labs with free Wi-Fi.

Course Certificate

Every student receives a certificate of completion at the end of course to recognise your new skills.

Public Course Dates

Course Date Price Add Course Qty Status

There are currently no public dates scheduled for this course.

If you have 3 or more people interested in this course, call us today to discuss group training - 1300 937 782.

Virtual Course Dates (via Zoom)

Course Date Price Add Course Qty Status

There are currently no virtual course dates scheduled for this course.

Call us today to discuss - 1300 937 782.

Course Outline

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

Need Assistance

  • Send Email
Raising the Bar
Warning Icon Information Icon

1300 937 782 Contact us