• Skip to main content
  • Skip to primary navigation
Federal Solutions
Contact Us:       [email protected]       (512) 794-8440

Microassist

Menu Responsive

Search

  • Accessibility
    • Accessibility Audits
    • VPAT Consulting Services
    • Accessibility Remediation
    • Accessible PDF and Document Remediation Services
    • Accessible Website and Application Development
    • Accessible Digital Learning
    • Compliance for Digital Learning
    • Accessibility Training
    • Accessibility in the News
  • Custom Training
    • Accessible E-Learning
    • Managed Learning Services: Training Support for Business
    • Training Staff Augmentation Services
    • Learning Management System
    • Learning Translation and Localization
    • Examples of Our Work
    • The Learning Dispatch (Blog)
  • Classes
    • Course List
    • Course Schedule
    • Classroom Rental
    • Security Awareness Training
    • Classes FAQ
    • Software Tips (Blog)
  • About
    • Government Solutions
    • Newsletter Subscriptions
    • Career Opportunities
    • News and Media
    • Blogs
    • Team
  • Open Search Field

Web Design

Advanced CSS

Course 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 has been updated to use the latest CSS3 methods. Experienced CSS users may want to consider taking our CSS3 for Web Developers course.

Course Length

2 days

Learning Outcomes / Objectives

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

Download Course Registration Form


Topic List

  1. Positioning and Visibility
    1. Element Flow
    2. Position
      1. Absolute Positioning
      2. Relative Positioning
      3. Fixed Positioning
    3. Exercise: 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. Exercise: Positioning the Headings
    4. Fixed Width Layouts
    5. A Recommendation on Positioning
    6. Exercise: Laying Out a Page – The Power of Float
      1. Other Methods of Layout
    7. CSS Text Columns
    8. Flexible Box Model
    9. Exercise: Flexible Box Layout
  3. Media Queries
    1. Media Queries
      1. What Are Media Queries?
      2. The Viewport Meta Tag
      3. A First Example
      4. Responsive Design
    2. Exercise: Responsive Design for a Simple Blog
    3. Image Widths
    4. Exercise: Responsive Design for a Simple Blog (Three Views)
  4. CSS Shorthand Properties
    1. What is CSS Shorthand?
      1. Benefits of Using CSS Shorthand
      2. Value Order of CSS Shorthand Properties
      3. CSS Initial Values
    2. Shorthand Margin and Padding
    3. Shorthand Border
    4. Shorthand Backgrounds
    5. Shorthand Fonts
    6. Shorthand Lists
    7. Exercise: Using Shorthand
  5. CSS Lists as Hierarchical Navigation
    1. Menus as Lists
    2. CSS Horizontal Menu
    3. CSS Vertical Menu
    4. CSS Dynamic Menus
      1. CSS Dropdown Menu
      2. CSS Flyout Menu
    5. Exercise: Combining Dropdown and Flyout Menus
    6. CSS
    7. Menus
      1. Dropdown Menus
      2. A Mobile-Frienly Menu
    8. Accessibility
  6. CSS Background Tricks
    1. Rounded Corner Boxes
      1. Fixed-width Rounded Corner Boxes
      2. Rounded Corners with CSS
      3. Mountaintop Corners
    2. Exercise: Creating a Rooftop Panel
    3. Tabbed Navigation
    4. Exercise: Tabbed Navigation: Rounding the Corners
    5. Drop Shadows
      1. CSS Drop Shadows: The box-shadow Property
    6. CSS Sprites
    7. Background Opacity and Images
      1. The opacity Property
    8. Exercise: Using HSL and Opacity
      1. Backgrounds
    9. Exercise: Multiple Background Images with background-clip,
    10. background-origin, and background-size
  7. Laying out and Styling Forms with CSS
    1. Laying out the Questions
    2. Creating the Form
      1. HTML
      2. Form Fields
    3. Adding the Form Fields
    4. Reset Revisited
    5. Styling the Form
    6. Exercise: Expanding the Form
  8. CSS Best Practices
    1. Considerations
    2. Use CSS
    3. Use External Style Sheets
    4. Organize Your Style Sheets/Preprocessors
    5. Exercise: Using Sass
    6. ID the Body
    7. Use CSS Shorthand
    8. Combine CSS Rules
    9. Use a CSS Reset
    10. Use the “LoVe HAte” Rule
    11. Use HTML Lists for Navigation Menus
    12. Avoid CSS Hacks
    13. Use a CSS Compressor
    14. Use a Master Style Sheet
    15. Summary of Best Practices
  9. Browser-compatibility Issues
    1. Quirks Mode
      1. Controlling Browser Modes
      2. Design Strategy
    2. Internet Explorer Conditional Statements
    3. Common Browser Bugs / Issues
      1. Positioning Legends

Footer

Microassist

As one of Central Texas’s most experienced software education centers, a primary training vendor for the State of Texas, and a Microsoft Certified Solution Partner, Microassist has successfully worked with clients in fields ranging from advertising, real estate, law and politics to state and government agencies.

Quick Links

Government Solutions

Accessibility in the News

Learning Dispatch (Blog)

Lexis-Nexis Mealey’s® Commentaries

Classroom Course Schedule

Digital Accessibility Blog

Contact Us

Microassist, Inc.

8500 Shoal Creek
Building 4, Suite 225

Austin, Texas 78757

Tel: (512) 794-8440
Fax: (512) 794-8742

Email: [email protected] MORE

Back to Top
Copyright 2021 Microassist. All Rights Reserved.
  • Privacy
  • Accessibility Statement
  • Site Map
  • Contact Us
International Association of Accessibility Professionals (IAAP) Member
Microassist on Facebook
Microassist on Twitter
Microassist on Linked In
Microassist on Youtube
MENU
  • Accessibility
    • Accessibility Audits
    • VPAT Consulting Services
    • Accessibility Remediation
    • Accessible PDF and Document Remediation Services
    • Accessible Website and Application Development
    • Accessible Digital Learning
    • Compliance for Digital Learning
    • Accessibility Training
    • Accessibility in the News
  • Custom Training
    • Accessible E-Learning
    • Managed Learning Services: Training Support for Business
    • Training Staff Augmentation Services
    • Learning Management System
    • Learning Translation and Localization
    • Examples of Our Work
    • The Learning Dispatch (Blog)
  • Classes
    • Course List
    • Course Schedule
    • Classroom Rental
    • Security Awareness Training
    • Classes FAQ
    • Software Tips (Blog)
  • About
    • Government Solutions
    • Newsletter Subscriptions
    • Career Opportunities
    • News and Media
    • Blogs
    • Team