1300 888 724 8.30am to 5:30pm AEST (Mon-Fri) info@dynamicwebtraining.com.au

CSS3 Essentials Course

(4.78 out of 5) 112 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 Details

Course Dates

  • Sydney Class Dates

    Book Now

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

    19 - 20 Sep 18 Wed - Thu
    06 - 07 Nov 18 Tue - Wed
    18 - 19 Dec 18 Tue - Wed
    07 - 08 Feb 19 Thu - Fri
    19 - 20 Mar 19 Tue - Wed
    07 - 08 May 19 Tue - Wed
    27 - 28 Jun 19 Thu - Fri
  • Melbourne Class Dates

    Book Now

    Level 12, 379 Collins Street, Melbourne , VIC 3000

    01 - 02 Nov 18 Thu - Fri
    17 - 18 Dec 18 Mon - Tue
    07 - 08 Feb 19 Thu - Fri
    25 - 26 Mar 19 Mon - Tue
    14 - 15 May 19 Tue - Wed
  • Brisbane Class Dates

    Book Now

    Level 6, 371 Queen Street, Brisbane , QLD 4000

    25 - 26 Oct 18 Thu - Fri
    05 - 06 Dec 18 Wed - Thu
    31 Jan - 01 Feb 19 Thu - Fri
    28 - 29 Mar 19 Thu - Fri
    20 - 21 May 19 Mon - Tue
  • Canberra Class Dates

    Book Now

    Level 2, 10 Moore Street, Canberra , ACT 2601

    12 - 13 Nov 18 Mon - Tue
    12 - 13 Mar 19 Tue - Wed
    06 - 07 Jun 19 Thu - Fri
    26 - 27 Aug 19 Mon - Tue
    21 - 22 Nov 19 Thu - Fri
  • Adelaide Class Dates

    19 Young Street, Adelaide , SA 5000

    Classes scheduled on demand in Adelaide

    Please Join our waitlist and we'll notify you when a new class is scheduled or contact us to disucss your training needs.

  • Perth Class Dates

    Level 1, 140 St Georges Terrace, Perth , WA 6000

    Classes scheduled on demand in Perth

    Please Join our waitlist and we'll notify you when a new class is scheduled or contact us to disucss your training needs.

Course Units

Expand full topic list

Unit 1: Unit 1: Introduction to CSS3

  • 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

See more

Unit 2: CSS3 Speech Bubbles

  • 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

See more

Unit 3: CSS3 Notebook Paper

  • 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

See more

Unit 4: Styling Images and Links by Type

  • 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

See more

Unit 5: Improving Efficiency Using Pseudo-classes

  • 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

See more

Unit 6: Different Screen Size, Different Design

  • 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

See more

Unit 7: Flexing your Layouts

  • 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

See more

Training Packages

Web Design Package - Level 2

$ 3630 incl GST

(You save $1320)


10 days

Enquire Book Now
Pay later

Related Courses

Course Reviews

(3.90 out of 5) Graham W [ 12 July, 2018 ]
Very useful concepts shown that will ad plenty of value to our organisation. Trainer was very engaging and extremely knowledgeable of the subject.
(5.00 out of 5) Swapna D [ 12 July, 2018 ]
The course was very well planned, it covered all the main topics from the basics upto the latest topics in CSS. The exercises were well structured and helped me understand the basic concepts and also helped me to understand the full extent of all that could be accomplished. Cath was a great instructor and was very informative, she gave various interesting examples and addressed many of the questions which baffled us. She also gave us a wide range of links and extra pieces of advice. Will recommend the course to beginners as well as those wanting to brush up on their CSS skills!
(5.00 out of 5) Robert C [ 14 December, 2017 ]
Very interesting and more relevant to us now that we are moving away from having to support older browsers that have issues with CSS3.
(5.00 out of 5) Emerald H [ 12 October, 2017 ]
I was extremely lucky to be the only student in this class which gave me the opportunity to properly understand all topics taught during CSS3. The course was well structured and taught at the right pace. I am confident that I will retain everything covered during this course as the instructor explained all topics thoroughly with adequate detail. I will be back again!

Read all course 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