My instructor knew the program inside and out. She was able to answer all questions that were asked. It was just... More Testimonials »

Advanced CSS Training

Delivery Options

Class Date and Time Price Pricing Information
$790.00 or 2 vouchers vouchers
$790.00 or 2 vouchers vouchers
$790.00 or 2 vouchers vouchers

Class Description

Class Overview

In this advanced CSS training class, students will learn to use CSS to format forms, create list-based navigation, do advanced page layouts, and create stunning background effects. Students will also learn about CSS coding conventions and shorthand properties.

This course was written by Nat Dunn

Class Goals

  • Learn to position elements with CSS.
  • Learn advanced CSS page layout techniques.
  • Learn how to use shorthand CSS properties.
  • Learn to create cool effects with background images using CSS.
  • Learn to lay out forms without tables.
  • Learn to use CSS with lists to create hierarchical navigation.
  • Learn to organize your CSS code.
  • Learn about browser support for CSS.

Class Outline

  1. Positioning and Visibility
    1. Element Flow
    2. Position
    3. Positioning
    4. Z-index
    5. Display
    6. Visibility
    7. Float
    8. Clear
  2. Advanced CSS Page Layout
    1. Resetting Styles
    2. Full Width Layouts
      1. Two-column
      2. Three-column
    3. Positioning the Headings
    4. Fixed Width Layouts
      1. Two-column
      2. Three-column
    5. A Recommendation on Positioning
      1. Other Methods of Layout
    6. Laying out a Page - The power of float
  3. CSS Shorthand Properties
    1. What is CSS Shorthand?
      1. List of CSS Shorthand
    2. Shorthand Margins and Padding
    3. Shorthand Border and Outline
    4. Shorthand Backgrounds
    5. Shorthand Fonts
    6. Shorthand Lists
    7. Using Shorthand
  4. CSS Lists as Hierarchical Navigation
    1. Using Lists as Vertical Navigation
    2. Using Nested Lists as Navigation
    3. Using Lists as Horizontal Navigation
    4. Using Lists as Drop-Down or Fly-Out Navigation
    5. Using a List to Create a Navigation Menu
  5. CSS Background Tricks
    1. The State of Rounded Corner Boxes
    2. Fixed-width Rounded Corner Boxes
    3. Relative-width Rounded Corner Boxes
    4. "Mountaintop" Corner Boxes
    5. Tabbed Navigation
    6. Drop Shadows
    7. Replacing Text with an Image
    8. Using Backgrounds
  6. Laying out and Styling Forms with CSS
    1. Laying out the Questions
    2. Creating the Form
    3. Reset Revisited
    4. Styling the Form
    5. Expanding the Form
  7. CSS Best Practices
    1. Review some of recommended CSS Best practices
  8. Browser-compatibility Issues
    1. Quirks Mode
    2. Internet Explorer Conditional Statements
    3. Common Browser Bugs / Issues
    4. Fixing the Box Model Bug

Why Webucator?

9.72 out of 10 based on 16 reviews.
  • Expert instructors.
  • Classes are never canceled for low enrollment.
  • 100% free re-take option.
  • We have taught more than 46,017 students at 12,438 different organizations.

Instructor was very knowledgeable and helpful. I really like the online format and feel that it was just as effective (perhaps more so) than actual in-classroom training.

Amy Gilbert, University of Texas HSC

4.5 / 5 stars

Connie did a great job teaching Advanced CSS. Thanks Webucator!

, Intergraph Corporation

5 / 5 stars

I just happened to be the only student in the class and this made it very enjoyable and personalized. It was also nice that Webucator continued to offer the class with just one person. I came away more knowledgeable than when I went in.

, TRUVEN Health Analytics

5 / 5 stars

David was a wonderful instructor. I learned some very important things I missed on my own and I have been coding CSS for 12 years!

, Visual Lease Services

4.5 / 5 stars

Webucator covered an amazing amount of ground in two days. I feel that I learned the equivalent of a college semester.

, American Land Title Association

Class Materials

Each student in our Live Online and our Onsite classes receives a comprehensive set of materials, including course notes and all the class examples.

Class Prerequisites

Experience in the following areas is required:

  • HTML
  • Basic CSS

Courses that can help you meet these prerequisites:

Technical Requirements

Our computer technical requirements and setup process is easy, with support just a click away.

Potential Follow-on Classes

Client Success
  1. Independent Survey
  2. Client List
  3. Testimonials
Join The Team
  1. Learn how you can become a Webucator Trainer
  2. Career Opportunities
Locations
Compare Us
Watch 2-minute Demo Video
of Live Online Training:
Learn the benefits of online training with Webucator
Share
Webucator is a Registered Education Provider (R.E.P.) approved by PMI to issue professional development units (PDUs) for our training courses.
© Webucator, Inc. All rights reserved. | Toll Free: 1-877-932-8228 Toll Free: 1-877-932-8228 | From outside the USA: 315-849-2724| Fax: 315-849-2723