CSS Training logoCSS Training Class



We offer a 2-day beginner training class in CSS.

We currently offer public CSS training classes in many cities around the country. Please click on the schedule link to your right to see a complete list of our CSS classes.

You can register for these classes by clicking on the link at the top of this page or by clicking on the date of the class you wish to attend.

One on OneWould you prefer to take a private CSS course at the same cost, with one of our certified instructors on dates suited to your schedule? Click here for more information.

We also offer custom CSS training classes and consulting which can be tailored and targeted specifically to you and your staff. These classes can be held at many training centers or on-site at your location anywhere in the USA. We also provide CSS live online training classes in a virtual classroom. Our CSS training and support team have over 10 years experience developing and teaching Adobe applications.
Please contact training@americanmediatraining.com if you would like more information on our CSS custom training classes.

CSS Logo   CSS Beginner Class


This course is designed for those with some experience of HTML or XHTML who need to gain an understanding of the latest web design techniques separating presentation from mark-up through cascading style sheets (CSS). By the end of this two day course, you will have the necessary skills to split mark up from presentation, have gained a thorough grasp of standards compliant design and have the knowledge to style web page elements with CSS. The course will also address CSS best practice guidelines and provide you with the platform to an become an accomplished CSS user.

View Outline...

CSS Course outline

CSS Introduction

  • HTML Structure and Content, CSS Presentation
  • Advantages of CSS
  • Creating and Using Style-Sheets
  • CSS Rules: The Basic Syntax
  • Case, Whitespace and Comments in CSS
  • The CSS Standards
  • The Scope Of CSS
  • Browser Support for CSS

CSS Boxes and CSS Selectors

  • The CSS Box Model
  • CSS and Logical HTML Structure
  • Styling Boxes: Borders, Margins and Padding
  • The IE Box Model and Quirks Mode
  • IE Box Model Workarounds
  • Using IE6 Standards Mode
  • Specifying CSS Distances
  • Problems with Absolute Units: pixels and point sizes
  • Using Proportional Units: em, ex and percentages
  • Formatting Box Edges Differently
  • Shorthand Syntax for Sets of Edges
  • Using Margins and Padding Effectively
  • Collapsing Vertical Margins on Paragraphs
  • Using Negative Margins on Boxes
  • Background Images on CSS Boxes
  • Grouping Elements with HTML courses
  • Styling Multiple Elements Similarly (Selector Grouping)
  • Block Boxes and Inline Boxes
  • Block Box Behaviour
  • inline Box Behaviour

Text Formatting in CSS

  • Text Formatting
  • Typefaces, Alternatives and Defaults
  • Text Size — a Serious Usability Issue
  • Font Characteristics
  • Setting and Using Space Within Text
  • Formatting Blocks of Text
  • Using Arbitrary Inline Tags:

More CSS Selectors and Selection

  • Using HTML Element IDs in CSS
  • Using CSS Descendant Selectors
  • Descendant Selector Examples
  • Child, Sibling and Pseudo-Course Selectors
  • Why You Need To Know Them
  • Browser Support and CSS Hacks
  • Distinguishing and Setting Link States
  • Link, Visited, Hover, Active, Focus
  • Modularising CSS Style-Sheets
  • Simpler Management, Less Effort, More Control
  • Embedded CSS Styles in HTML Documents
  • How and When to Use Them (Rarely).
  • Distinguishing Print, Screen and other Output Formats
  • Special Issues in CSS for Print

CSS Positioning

  • Choosing the Right CSS
  • Technique for Positioning Blocks
  • The Position Property, Floats, Margins (inc. Negative and Auto), etc
  • Static Positioning and Normal Flow
  • Absolute Positioning Outside Normal Flow
  • Relative Positioning — Not What You May Expect!
  • Fixed Positioning Outside Normal Flow
  • Relative Absolute Positioning
  • Absolutely Positioned Blocks in Relatively Positioned Containers
  • Floating Boxes with the CSS float property
  • Page Layout Using Absolutely Positioned Blocks

More on CSS Page Layout

  • Alternative Methods of CSS Positioning
  • Centring Blocks
  • Styling Lists
  • Redefining the Behaviour of Inline and Block Elements
  • Hiding and Revealing Blocks
  • Table Formatting in CSS
  • Styling Table Cell Borders
  • Page Layout with Table Display Properties

Cascade, Precedence, Specificity and Inheritance in CSS

  • Taking Control: Ensuring that CSS Rules Interact in the Way You Want
  • Combining Styles: Different Types, Origins, Importance, Specificity and Order
  • Examples: Combining Rules
  • Cascading and Cascade Order
  • Resolving Style Conflicts By Origin
  • Resolving Style Conflicts By Importance
  • Resolving Conflict By Selector Specificity
  • Resolving Conflict By Order
  • Non-CSS Presentational Hints
  • Property Inheritance

CSS Layers and Translucency

  • Different Forms of Layered Presentation in CSS
  • Layering with the z-index Property
  • Different Methods for Creating Translucency Effects
  • The CSS3 opacity Property
  • opacity Example
  • Fixed Attachment Backgrounds in Layers
  • background-attachment Example
  • Transparency and Semi-transparency with Alpha-Blended PNG
  • PNG Translucency Example and Sample Code
  • Pseudo-Transparency with JPG Positioned Backgrounds
  • JPG Pseudo Transparency Example

Using CSS in the Real World

  • Deploying CSS
  • CSS Formatting Versus HTML Formatting
  • Achieving a Balance
  • Standard Tags and Semantic Markup
  • Usability
  • Readable Pages
  • Screen Size and Fluid Design
  • Text Size, Including Internet Explorer Quirks
  • Table Layout and CSS Positioning
  • Table Layout and CSS Positioning as Alternatives
  • Combining Table Layout with CSS Positioning
  • CSS Browser Support
  • Testing Websites
  • Using Test Suites and Multiple Browsers
  • Cross-platform Testing in Single-platform Environments
  • CSS Help and Advice
  • Authorative Sources versus Web Myths and Gossip

 

Our outlines are a guide to the content covered on a typical course. We may change or alter the course topics to meet the objectives of a particular course.


Adobe Certified Expert Adobe Certified Instructor
CSS LogoCSS Level 1 training courses
Upcoming classes - full schedule
Date City Cost Days
10/24/2017 Orlando $895
2
10/24/2017 Philadelphia $895
2
10/26/2017 Detroit $895
2
10/26/2017 Hartford $895
2
10/26/2017 New York $895
2
10/26/2017 Columbus $895
2
10/31/2017 Denver $895
2
10/31/2017 San Diego $895
2
10/31/2017 Portland $895
2
10/31/2017 Minneapolis/St Paul $895
2
11/1/2017 Hartford $895
2
11/1/2017 New York $895
2
11/1/2017 Columbus $895
2
11/1/2017 Detroit $895
2

Classes are run over  consecutive days unless otherwise specified. Class times are 9am - 4pm unless otherwise stated.

 

 

 

 

 

CSS training courses offered all cities

Course Start Date Duration Cost Register
CSS Beginner course Training Courses in Atlanta 11/9/2017 2 days $895 Register
CSS Beginner course Training Courses in Atlanta 12/7/2017 2 days $895 Register
CSS Beginner course Training Courses in Atlanta 1/10/2018 2 days $895 Register
CSS Beginner course Training Courses in Atlanta 2/13/2018 2 days $895 Register
CSS Beginner course Training Courses in Atlanta 3/7/2018 2 days $895 Register
CSS Beginner course Training Courses in Austin 11/7/2017 2 days $895 Register
CSS Beginner course Training Courses in Austin 12/5/2017 2 days $895 Register
CSS Beginner course Training Courses in Austin 1/8/2018 2 days $895 Register
CSS Beginner course Training Courses in Austin 2/11/2018 2 days $895 Register
CSS Beginner course Training Courses in Austin 3/5/2018 2 days $895 Register
CSS Beginner course Training Courses in Boston 11/16/2017 2 days $895 Register
CSS Beginner course Training Courses in Boston 12/7/2017 2 days $895 Register
CSS Beginner course Training Courses in Boston 1/17/2018 2 days $895 Register
CSS Beginner course Training Courses in Boston 2/15/2018 2 days $895 Register
CSS Beginner course Training Courses in Boston 3/14/2018 2 days $895 Register
CSS Beginner course Training Courses in Charlotte 11/16/2017 2 days $895 Register
CSS Beginner course Training Courses in Charlotte 12/7/2017 2 days $895 Register
CSS Beginner course Training Courses in Charlotte 1/17/2018 2 days $895 Register
CSS Beginner course Training Courses in Charlotte 2/15/2018 2 days $895 Register
CSS Beginner course Training Courses in Charlotte 3/14/2018 2 days $895 Register
CSS Beginner course Training Courses in Chicago 11/2/2017 2 days $895 Register
CSS Beginner course Training Courses in Chicago 11/30/2017 2 days $895 Register
CSS Beginner course Training Courses in Chicago 1/9/2018 2 days $895 Register
CSS Beginner course Training Courses in Chicago 2/8/2018 2 days $895 Register
CSS Beginner course Training Courses in Chicago 3/7/2018 2 days $895 Register
CSS Beginner course Training Courses in Cleveland 11/16/2017 2 days $895 Register
CSS Beginner course Training Courses in Cleveland 12/7/2017 2 days $895 Register
CSS Beginner course Training Courses in Cleveland 1/17/2018 2 days $895 Register
CSS Beginner course Training Courses in Cleveland 2/15/2018 2 days $895 Register
CSS Beginner course Training Courses in Cleveland 3/14/2018 2 days $895 Register
CSS Beginner course Training Courses in Columbus 10/26/2017 2 days $895 Register
CSS Beginner course Training Courses in Columbus 11/1/2017 2 days $895 Register
CSS Beginner course Training Courses in Columbus 12/28/2017 2 days $895 Register
CSS Beginner course Training Courses in Columbus 1/30/2018 2 days $895 Register
CSS Beginner course Training Courses in Columbus 2/28/2018 2 days $895 Register
CSS Beginner course Training Courses in Dallas 11/1/2017 2 days $895 Register
CSS Beginner course Training Courses in Dallas 11/29/2017 2 days $895 Register
CSS Beginner course Training Courses in Dallas 1/8/2018 2 days $895 Register
CSS Beginner course Training Courses in Dallas 2/7/2018 2 days $895 Register
CSS Beginner course Training Courses in Dallas 3/6/2018 2 days $895 Register
CSS Beginner course Training Courses in Denver 10/31/2017 2 days $895 Register
CSS Beginner course Training Courses in Denver 11/28/2017 2 days $895 Register
CSS Beginner course Training Courses in Denver 1/7/2018 2 days $895 Register
CSS Beginner course Training Courses in Denver 2/6/2018 2 days $895 Register
CSS Beginner course Training Courses in Denver 3/5/2018 2 days $895 Register
CSS Beginner course Training Courses in Detroit 10/26/2017 2 days $895 Register
CSS Beginner course Training Courses in Detroit 11/1/2017 2 days $895 Register
CSS Beginner course Training Courses in Detroit 12/28/2017 2 days $895 Register
CSS Beginner course Training Courses in Detroit 1/30/2018 2 days $895 Register
CSS Beginner course Training Courses in Detroit 2/28/2018 2 days $895 Register
CSS Beginner course Training Courses in Hartford 10/26/2017 2 days $895 Register
CSS Beginner course Training Courses in Hartford 11/1/2017 2 days $895 Register
CSS Beginner course Training Courses in Hartford 12/28/2017 2 days $895 Register
CSS Beginner course Training Courses in Hartford 1/30/2018 2 days $895 Register
CSS Beginner course Training Courses in Hartford 2/28/2018 2 days $895 Register
CSS Beginner course Training Courses in Houston 11/16/2017 2 days $895 Register
CSS Beginner course Training Courses in Houston 12/7/2017 2 days $895 Register
CSS Beginner course Training Courses in Houston 1/17/2018 2 days $895 Register
CSS Beginner course Training Courses in Houston 2/15/2018 2 days $895 Register
CSS Beginner course Training Courses in Houston 3/14/2018 2 days $895 Register
CSS Beginner course Training Courses in Indianapolis 11/16/2017 2 days $895 Register
CSS Beginner course Training Courses in Indianapolis 12/7/2017 2 days $895 Register
CSS Beginner course Training Courses in Indianapolis 1/17/2018 2 days $895 Register
CSS Beginner course Training Courses in Indianapolis 2/15/2018 2 days $895 Register
CSS Beginner course Training Courses in Indianapolis 3/14/2018 2 days $895 Register
CSS Beginner course Training Courses in Kansas 11/16/2017 2 days $895 Register
CSS Beginner course Training Courses in Kansas 12/14/2017 2 days $895 Register
CSS Beginner course Training Courses in Kansas 1/18/2018 2 days $895 Register
CSS Beginner course Training Courses in Kansas 2/15/2018 2 days $895 Register
CSS Beginner course Training Courses in Kansas 3/21/2018 2 days $895 Register
CSS Beginner course Training Courses in Las Vegas 11/9/2017 2 days $895 Register
CSS Beginner course Training Courses in Las Vegas 12/7/2017 2 days $895 Register
CSS Beginner course Training Courses in Las Vegas 1/10/2018 2 days $895 Register
CSS Beginner course Training Courses in Las Vegas 2/13/2018 2 days $895 Register
CSS Beginner course Training Courses in Las Vegas 3/7/2018 2 days $895 Register
CSS Beginner course Training Courses in Lincoln 11/2/2017 2 days $895 Register
CSS Beginner course Training Courses in Lincoln 11/30/2017 2 days $895 Register
CSS Beginner course Training Courses in Lincoln 1/3/2018 2 days $895 Register
CSS Beginner course Training Courses in Lincoln 2/6/2018 2 days $895 Register
CSS Beginner course Training Courses in Lincoln 2/28/2018 2 days $895 Register
CSS Beginner course Training Courses in Long Beach 11/16/2017 2 days $895 Register
CSS Beginner course Training Courses in Long Beach 12/14/2017 2 days $895 Register
CSS Beginner course Training Courses in Long Beach 1/18/2018 2 days $895 Register
CSS Beginner course Training Courses in Long Beach 2/15/2018 2 days $895 Register
CSS Beginner course Training Courses in Long Beach 3/21/2018 2 days $895 Register
CSS Beginner course Training Courses in Los Angeles 11/2/2017 2 days $895 Register
CSS Beginner course Training Courses in Los Angeles 11/30/2017 2 days $895 Register
CSS Beginner course Training Courses in Los Angeles 1/9/2018 2 days $895 Register
CSS Beginner course Training Courses in Los Angeles 2/8/2018 2 days $895 Register
CSS Beginner course Training Courses in Los Angeles 3/7/2018 2 days $895 Register
CSS Beginner course Training Courses in Memphis 11/16/2017 2 days $895 Register
CSS Beginner course Training Courses in Memphis 12/14/2017 2 days $895 Register
CSS Beginner course Training Courses in Memphis 1/18/2018 2 days $895 Register
CSS Beginner course Training Courses in Memphis 2/15/2018 2 days $895 Register
CSS Beginner course Training Courses in Memphis 3/21/2018 2 days $895 Register
CSS Beginner course Training Courses in Miami 11/8/2017 2 days $895 Register
CSS Beginner course Training Courses in Miami 12/6/2017 2 days $895 Register
CSS Beginner course Training Courses in Miami 1/9/2018 2 days $895 Register
CSS Beginner course Training Courses in Miami 2/12/2018 2 days $895 Register
CSS Beginner course Training Courses in Miami 3/6/2018 2 days $895 Register
CSS Beginner course Training Courses in Minneapolis/St Paul 10/31/2017 2 days $895 Register
CSS Beginner course Training Courses in Minneapolis/St Paul 11/28/2017 2 days $895 Register
CSS Beginner course Training Courses in Minneapolis/St Paul 1/7/2018 2 days $895 Register
CSS Beginner course Training Courses in Minneapolis/St Paul 2/6/2018 2 days $895 Register
CSS Beginner course Training Courses in Minneapolis/St Paul 3/5/2018 2 days $895 Register
CSS Beginner course Training Courses in New York 10/26/2017 2 days $895 Register
CSS Beginner course Training Courses in New York 11/1/2017 2 days $895 Register
CSS Beginner course Training Courses in New York 12/28/2017 2 days $895 Register
CSS Beginner course Training Courses in New York 1/30/2018 2 days $895 Register
CSS Beginner course Training Courses in New York 2/28/2018 2 days $895 Register
CSS Beginner course Training Courses in Newport Beach 11/2/2017 2 days $895 Register
CSS Beginner course Training Courses in Newport Beach 11/30/2017 2 days $895 Register
CSS Beginner course Training Courses in Newport Beach 1/3/2018 2 days $895 Register
CSS Beginner course Training Courses in Newport Beach 2/6/2018 2 days $895 Register
CSS Beginner course Training Courses in Newport Beach 2/28/2018 2 days $895 Register
CSS Beginner course Training Courses Online 11/2/2017 2 days $895 Register
CSS Beginner course Training Courses Online 11/30/2017 2 days $895 Register
CSS Beginner course Training Courses Online 1/3/2018 2 days $895 Register
CSS Beginner course Training Courses Online 2/6/2018 2 days $895 Register
CSS Beginner course Training Courses Online 2/28/2018 2 days $895 Register
CSS Beginner course Training Courses in Orlando 10/24/2017 2 days $895 Register
CSS Beginner course Training Courses in Orlando 11/28/2017 2 days $895 Register
CSS Beginner course Training Courses in Orlando 12/21/2017 2 days $895 Register
CSS Beginner course Training Courses in Orlando 1/24/2018 2 days $895 Register
CSS Beginner course Training Courses in Orlando 2/27/2018 2 days $895 Register
CSS Beginner course Training Courses in Orlando 3/21/2018 2 days $895 Register
CSS Beginner course Training Courses in Philadelphia 10/24/2017 2 days $895 Register
CSS Beginner course Training Courses in Philadelphia 11/28/2017 2 days $895 Register
CSS Beginner course Training Courses in Philadelphia 12/21/2017 2 days $895 Register
CSS Beginner course Training Courses in Philadelphia 1/24/2018 2 days $895 Register
CSS Beginner course Training Courses in Philadelphia 2/27/2018 2 days $895 Register
CSS Beginner course Training Courses in Philadelphia 3/21/2018 2 days $895 Register
CSS Beginner course Training Courses in Phoenix 11/27/2017 2 days $895 Register
CSS Beginner course Training Courses in Phoenix 12/20/2017 2 days $895 Register
CSS Beginner course Training Courses in Phoenix 1/23/2018 2 days $895 Register
CSS Beginner course Training Courses in Phoenix 2/26/2018 2 days $895 Register
CSS Beginner course Training Courses in Phoenix 3/20/2018 2 days $895 Register
CSS Beginner course Training Courses in Portland 10/31/2017 2 days $895 Register
CSS Beginner course Training Courses in Portland 11/28/2017 2 days $895 Register
CSS Beginner course Training Courses in Portland 1/7/2018 2 days $895 Register
CSS Beginner course Training Courses in Portland 2/6/2018 2 days $895 Register
CSS Beginner course Training Courses in Portland 3/5/2018 2 days $895 Register
CSS Beginner course Training Courses in Raleigh 11/27/2017 2 days $895 Register
CSS Beginner course Training Courses in Raleigh 12/20/2017 2 days $895 Register
CSS Beginner course Training Courses in Raleigh 1/23/2018 2 days $895 Register
CSS Beginner course Training Courses in Raleigh 2/26/2018 2 days $895 Register
CSS Beginner course Training Courses in Raleigh 3/20/2018 2 days $895 Register
CSS Beginner course Training Courses in Salt Lake City 11/20/2017 2 days $895 Register
CSS Beginner course Training Courses in Salt Lake City 12/14/2017 2 days $895 Register
CSS Beginner course Training Courses in Salt Lake City 1/23/2018 2 days $895 Register
CSS Beginner course Training Courses in Salt Lake City 2/22/2018 2 days $895 Register
CSS Beginner course Training Courses in Salt Lake City 3/21/2018 2 days $895 Register
CSS Beginner course Training Courses in San Diego 10/31/2017 2 days $895 Register
CSS Beginner course Training Courses in San Diego 11/28/2017 2 days $895 Register
CSS Beginner course Training Courses in San Diego 1/7/2018 2 days $895 Register
CSS Beginner course Training Courses in San Diego 2/6/2018 2 days $895 Register
CSS Beginner course Training Courses in San Diego 3/5/2018 2 days $895 Register
CSS Beginner course Training Courses in San Francisco 11/2/2017 2 days $895 Register
CSS Beginner course Training Courses in San Francisco 11/30/2017 2 days $895 Register
CSS Beginner course Training Courses in San Francisco 1/9/2018 2 days $895 Register
CSS Beginner course Training Courses in San Francisco 2/8/2018 2 days $895 Register
CSS Beginner course Training Courses in San Francisco 3/7/2018 2 days $895 Register
CSS Beginner course Training Courses in Seattle 11/9/2017 2 days $895 Register
CSS Beginner course Training Courses in Seattle 12/7/2017 2 days $895 Register
CSS Beginner course Training Courses in Seattle 1/10/2018 2 days $895 Register
CSS Beginner course Training Courses in Seattle 2/13/2018 2 days $895 Register
CSS Beginner course Training Courses in Seattle 3/7/2018 2 days $895 Register
CSS Beginner course Training Courses in St. Louis 11/20/2017 2 days $895 Register
CSS Beginner course Training Courses in St. Louis 12/14/2017 2 days $895 Register
CSS Beginner course Training Courses in St. Louis 1/23/2018 2 days $895 Register
CSS Beginner course Training Courses in St. Louis 2/22/2018 2 days $895 Register
CSS Beginner course Training Courses in St. Louis 3/21/2018 2 days $895 Register
CSS Beginner course Training Courses in Washington DC 11/20/2017 2 days $895 Register
CSS Beginner course Training Courses in Washington DC 12/14/2017 2 days $895 Register
CSS Beginner course Training Courses in Washington DC 1/23/2018 2 days $895 Register
CSS Beginner course Training Courses in Washington DC 2/22/2018 2 days $895 Register
CSS Beginner course Training Courses in Washington DC 3/21/2018 2 days $895 Register

We can offer you customized on-site training courses in CSS wherever you are in the USA:

Atlanta, Chicago, Los Angeles, Denver, Miami, Philadelphia, Orlando, Charlotte, Houston, Richmond, Washington DC, New York, Boston, Columbus, Cincinnati, Memphis, Indianapolis, Baltimore, Dallas, Austin, Phoenix, Albuquerque, Las Vegas, Salt Lake City, Seattle, Portland, San Francisco, San Diego, Long Beach, Sacramento, St Paul/Minneapolis

We also provide CSS training courses in the following cities:

CSS training courses in Los Angeles
CSS training courses in Denver
CSS training courses in Minneapolis
CSS training courses in San Francisco
CSS training courses in Phoenix
CSS training courses in Boston
CSS training courses in Salt Lake City
CSS training courses in Philadelphia
CSS training courses in Miami
CSS training courses in Portland
CSS training courses in Chicago
CSS training courses in New York
CSS training courses in Dallas
CSS training courses in Houston
CSS training courses in San Diego
CSS training courses in Kansas
CSS training courses in Cleveland


©Copyright 2002 - 2013 American Media Training