Course Details close

Course Details

(inc GST)
$ 990
Duration:2 days
Level 2
80 Mount St
North Sydney
NSW 2060
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 Training Course

   (4.8 out of 5)
CSS Training 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 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.

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
Message Box Title
Warning Icon Information Icon

1300 937 782 Contact us