1300 888 724

8.30am to 5:30pm AEST (Mon-Fri)
  • Search
  • Cart
  • Courses

CSS3 Essentials Course

(4.76 out of 5) 96 Student Reviews

About the Course

During this 2-day course, participants will learn the most popular, useful, and well-supported pieces of CSS3 through a series of practical but innovative projects. Participants learn by completing a number of practical exercises involving the new techniques of CSS3 to produce a finished web page or section of a page. Participants can adapt these exercises to their own projects, or use them as inspiration for completely different ways to creatively use the new properties, selectors and values they have learnt.

Who should do this course?

This CSS3 course is for web designers who already have experience using CSS, but want to take their sites and skills to the next level. This course assumes that participants know HTML and CSS syntax and terminology, but you don’t need have any experience using anything that is new to CSS3. Weather you’ve just started using CSS or have been developing sites with it for years, this course will teach you powerful new techniques to add to your CSS toolkit.


Participants should have completed our introductory courses in HTML and CSS or have equivalent skills prior to attending this course. Participants must be comfortable with HTML and CSS syntax and terminology to get the best out of this course.

Course Benefits

  • FREE Re-sit up to 8 months
  • FREE eMail Support
  • Certified Expert Trainers
  • Printed Course Manual
  • Certificate of Completion
  • Small Class Sizes
  • Hands-on Training Methods
  • Fully Set-Up Computer Labs

Quick Facts

$ 990 incl GST

Duration: 2 Days

Max. Class Size: 10

Avg. Class Size: 5

Level: Advanced

Times: 9.00am - 5.00pm approx

Course Dates

09-10 Oct 17Mon - Tue

30 Nov - 01 Dec 17Thu - Fri

15-16 Jan 18Mon - Tue

08-09 Mar 18Thu - Fri

23-24 Apr 18Mon - Tue

More Dates


Level 11,
32 Walker Street,
North Sydney , NSW 2060

View map

Click Here external link for Google Map

05-06 Oct 17Thu - Fri

21-22 Nov 17Tue - Wed

09-10 Jan 18Tue - Wed

08-09 Mar 18Thu - Fri

19-20 Apr 18Thu - Fri

More Dates


Level 12
379 Collins Street,
Melbourne , VIC 3000

View map

Click Here external link for Google Map

12-13 Oct 17Thu - Fri

21-22 Dec 17Thu - Fri

12-13 Feb 18Mon - Tue

05-06 Apr 18Thu - Fri

28-29 May 18Mon - Tue


C/O Support Technology
Level 6, 371 Queen Street,
Brisbane , QLD 4000

View map

Click Here external link for Google Map

23-24 Oct 17Mon - Tue

23-24 Jan 18Tue - Wed

16-17 Apr 18Mon - Tue

12-13 Jul 18Thu - Fri

02-03 Oct 18Tue - Wed


C/O Atlas Business Services
Level 1, 33 Ainslie Place,
Canberra , ACT 2601

View map

Click Here external link for Google Map

Upon demand

This course is currently upon demand in Adelaide


C/O The International Visualisation Centre (IVC)
19 Young Street,
Adelaide , SA 5000

View map

Click Here external link for Google Map

Upon demand

This course is currently upon demand in Perth


C/O Saxons Training Facilities
Level 1, 140 St Georges Terrace,
Perth , WA 6000

View map

Click Here external link for Google Map

Please Join the waiting list and We'll notify you when a new class is scheduled or if a place becomes available.

Course Units

Expand full topic list

Unit 1: Unit 1: Introduction to CSS3

See topics

  • Overview of What is New
  • Where CSS3 Stands
  • Using CSS3
  • Understanding Browser Support
  • Browser Market Share
  • How Major Players Stack Up
  • Progressive Enhancement
  • Advantages of Progressive Enhancement
  • Benefits of CSS3
  • Reducing development and Maintainace time
  • Increasing Page Performance
  • Better Search Engine Placement
  • Increasing Usability and Accessibility
  • Case Study: Before and After CSS3
  • Browser Prefixes
  • Dealing with Non-supporting Browsers
  • Filtering IE with Conditional Comments
  • Educating Clients About Progressive Enhancement
  • Managing Client Expectations

Unit 2: CSS3 Speech Bubbles

See topics

  • Corralling Long Text
  • Graphics Effects Sans Graphics
  • Rounding the Corners
  • Adding the Bubble's Tail
  • Semitransparent Backgrounds with RGBA or HSLA
  • Image-free Gradients
  • Image-free Drop Shadows
  • Image-free Text Shadows
  • Transforming with avatars
  • What are Transforms?
  • Rotating the Avatars

Unit 3: CSS3 Notebook Paper

See topics

  • Beyond the Basic Background
  • Scaling the Background Image
  • Multiple Background Images on One Element
  • Adding a Graphic Border
  • Adding a Drop Shadow
  • Embedding Unique Fonts
  • Understanding @font-face
  • Choosing Acceptable Fonts
  • Converting Fonts
  • Using @font-face

Unit 4: Styling Images and Links by Type

See topics

  • Understanding Attribute Selectors
  • Indicating File types with Dynamically Added Icons
  • Alternative Icon Ideas
  • Styling Full-size Photos and Thumbnails
  • Understanding the Troubles with Classes
  • Using Attribute Selectors to Target by Type

Unit 5: Improving Efficiency Using Pseudo-classes

See topics

  • Targeting Specific Elements Without Using IDs or Classes
  • New Structural Pseudo-classes
  • Back to Speech Bubbles: Alternating Colors
  • Back to Photos: Random Rotation
  • Dynamically Highlighting Page Sections
  • The :target Pseudo-class
  • Adding the Table of Contents
  • Changing Background Color on the Jumped-to Section
  • Animating the Change with Pure CSS

Unit 6: Different Screen Size, Different Design

See topics

  • Understanding Media Queries
  • Changing the Layout for Large Screens
  • From Horizontal Nav Bar to Vertical Menu
  • Multi-column Text
  • Changing the Layout of Small Screens
  • Changing the Layout of Mobile Devices
  • Understanding Device Width
  • Improving the Look on High-resolution Displays
  • The Viewpoint meta tag
  • Workarounds for Non-supporting Browsers

Unit 7: Flexing your Layouts

See topics

  • Creating Multi-column Layouts Without Floats and Positioning
  • Making Blocks Flex
  • Adding Columns
  • Reordering Columns
  • Equal-height Columns
  • Vertical and Horizontal Centering
  • Flexible Form Layout
  • Sticky Footers
  • Alternatives to the Flexible Box Model
  • The box-sizing Property
  • Future Layout Systems


Advanced Web Design Package

$ 2640 incl GST

(You save $1320)


8 days

Enquire Book Now
Pay later


(5.00 out of 5) Luke M [ 07 February, 2017 ]
This course was great because it was a 1 on 1 tutorial which was customized for me and things I was struggling with.
(5.00 out of 5) Ben N [ 27 September, 2016 ]
Instructor was very informative, knew exactly when to move on to next topic and to explain further when necessary.

See more reviews

(5.00 out of 5) Deborah B [ 08 August, 2016 ]
I really enjoyed the course. The amount of material was quite a lot for the 2 days, but what I got out of it was a lot of understanding of best practice and having the chance to sweat out a problem. It really helped cement what I was learning.
(5.00 out of 5) Billie T [ 13 July, 2016 ]
Mark was able to clearly succinctly explain the concepts of CSS3 - with great examples to illustrate this and some very useful reference sources. Thanks so much Mark! Much appreciated.

Read all reviews

Enquire Now

Fill in your details to have a training consultant contact you to discuss your training needs.

Your details

Other Ways To Get In Touch

You can also Book Online or call us on 1300 888 724

Back to Top