Skip to main content
Adobe training, UX Courses, and Photoshop Classes at AGI
American Graphics Institute
Secondary
  • About
  • Contact
  • Locations
  • Books
  • All classes
  • UX Classes
  • Cart
  • Log in
Search
Search
Main menu
  • Classes & Workshops
    • Classes & Workshops
    • Column 1
      • Adobe Classes
      • Photoshop
      • InDesign
      • Illustrator
      • Premiere Pro
      • After Effects
      • Animate
      • Acrobat
      • Captivate
      • XD
      • Creative Cloud
      • All Adobe
      • Digital Marketing
      • HTML Email
      • Google Analytics
      • Google Tag Manager
      • Digital Marketing Certificate
    • Column 2
      • Elearning
      • Captivate
      • Camtasia
      • Graphic Design
      • Graphic Design Course
      • Design Thinking
      • Graphic Design Certificate
      • Graphic Design for High School Students
      • Office Skills
      • PowerPoint
      • Keynote
      • Excel
      • Access
      • Google Docs
      • Presentation Design
      • PowerPoint Design
      • Keynote Presentation Design
    • Column 3
      • UX Classes
      • UX Design
      • Information Architecture
      • Rapid Prototyping
      • UX for Mobile & Touch
      • Figma
      • Sketch
      • XD
      • UXQB CPUX Certification
      • UX Certification
      • UX Certificate
      • Video Editing
      • Premiere Pro
      • After Effects
      • Final Cut
      • Video Editing for High School Students
      • Web Accessibility
      • Web Accessibility
      • Section 508
    • Column 4
      • Web Design
      • WordPress
      • HTML
      • CSS
      • Responsive Web Design
      • Web Design Certificate
      • Web Graphics
      • Web Design for High School Students
      • Web Development
      • JavaScript
      • HTML
      • CSS
      • Drupal
      • WordPress
      • CAD & 3D Design
      • Sketchup
      • 3DS
      • Maya
      • See All Classes
  • Online Training
    • Online Training
    • Column 1
      • Adobe Classes
      • Photoshop
      • InDesign
      • Illustrator
      • Premiere Pro
      • After Effects
      • Animate
      • Acrobat
      • Captivate
      • XD
      • Creative Cloud
      • All Adobe
      • Digital Marketing
      • HTML Email
      • Google Analytics
      • Google Tag Manager
      • Digital Marketing Certificate
    • Column 2
      • Elearning
      • Captivate
      • Camtasia
      • Graphic Design
      • Graphic Design Course
      • Graphic Design Certificate
      • Design Thinking
      • Office Skills
      • PowerPoint
      • Keynote
      • Excel
      • Access
      • Google Docs
      • Presentation Design
      • PowerPoint Design
      • Keynote Presentation Design
      • Figma
    • Column 3
      • UX Classes
      • UX Design
      • Information Architecture
      • Rapid Prototyping
      • UX for Phone & Touch
      • Sketch
      • XD
      • UXQB CPUX Certification
      • UX Certification
      • UX Certificate
      • Video Editing
      • Premiere Pro
      • After Effects
      • Final Cut
      • Web Accessibility
      • Web Accessibility
      • Section 508
    • Column 4
      • Web Design
      • Web Design Certificate
      • WordPress
      • HTML
      • CSS
      • Responsive Web Design
      • Web Graphics
      • Web Development
      • JavaScript
      • HTML
      • CSS
      • Drupal
      • WordPress
      • CAD & 3D Design
      • Sketchup
      • 3DS
      • Maya
      • See All Classes
  • Certificate Programs
    • Certificate Programs
    • Column 1
      • Web Design Certificate
      • UX Certificate
      • Digital Marketing Certificate
    • Column 2
      • Graphic Design Certificate
      • Video Editing Certificate
      • Web Development Certificate
    • Column 3
      • Photoshop Certificate
      • All Certificate Programs
  • Creative Cloud Classes
    • Creative Cloud Classes
    • Column 1
      • Creative Cloud for Print & Digital
      • Creative Cloud for Video
      • Creative Cloud for Web
    • Column 2
      • Photoshop CC
      • InDesign CC
      • Illustrator CC
    • Column 3
      • Premiere Pro CC
      • After Effects CC
      • Animate CC
      • See All Classes
  • Adobe Training
    • Adobe Training
    • Column 1
      • Photoshop
      • InDesign
      • Illustrator
      • Animate
      • Acrobat
    • Column 2
      • Premiere Pro
      • After Effects
      • XD
      • Captivate
      • Connect
    • Column 3
      • Dreamweaver
      • Creative Cloud
      • LiveCycle
      • AEM Forms
      • InCopy
      • All Adobe Classes
      • See All Classes
  • Private Training

  • About
  • Contact
  • Locations
  • Books
  • All classes
  • UX Classes
  • Cart
  • Log in
Breadcrumb
  1. Home
  2. CSS Training Classes
  3. CSS Training Course for Web Design Introduction
  4. CSS Class Online December 13, 2023 Introduction
During the pandemic all in-person classes are delivered live online. You can retake the course in-person at no cost once our classrooms reopen. See how live online training works in this brief video.

During the pandemic all in-person classes are delivered live online. You can retake the course in-person at no cost once our classrooms reopen. See how live online training works in this brief video.

Learn about our Online Training Center

All classes include

free retakes of courses Free retakes

Curriculum provided Detailed curriculum

Live instructor Live instructor

flexible rescheduling Flexible rescheduling

flexible rescheduling Certificate of Completion

CSS Class Online December 13, 2023 Introduction

CSS Training Course for Web Design - Introduction

Wed, Dec 13 2023 - Thu, Dec 14 2023
Online Training

$695.00

Register

This introduction to CSS course provides the foundations for web design and web development with Cascading Style Sheets. Learn to leverage the power of CSS to separate structure from content within HTML. Discover how to use CSS selectors, creating cascading and inheritance with confidence. This CSS course is designed for beginning users of CSS, and serves as a suitable follow-up to the introductory or advanced HTML courses. This course teaches you to style text and position content, while gaining a firm understanding of how CSS works. This CSS class provides valuable skills for those working in web design or web development roles.

Download Course Description (PDF)
See all Web Design Classes, See all CSS Training Classes, See all Web Development Training Classes

CSS Training Course - Introduction Topics covered

The topics covered in this introductory CSS training course are separated into eight modules. These provide course participants with the foundational skills needed to create and format webpages using CSS and HTML. The topics covered include:

CSS Training Course: overview of course topics
  • Fundamentals of CSS
  • Advantages of Using CSS
  • How to Write CSS
  • Your First CSS-Enabled Document
Understanding CSS Anatomy
  • Rules
  • Selectors
  • Declarations
  • Values
  • Keywords
  • Strings
  • Length and Measurement
  • Number
  • Colors
  • Including CSS in a Document
  • Including an Embedded Style Sheet
  • Linking to External Style Sheets
  • The Importance of Good HTML
  • Doctypes and Quirks Mode
Understanding CSS Selectors
  • Class and ID Selectors
  • Class Selectors
  • ID Selectors
  • The Universal Selector
  • Descendant Selectors
  • Pseudo-Classes 5
  • Dynamic Pseudo-Classes
Working with CSS: Cascading and Inheritance
  • The Cascade in Cascading Style Sheets (CSS)
  • The Specificity of a Selector
  • !important Rules
  • Inheritance
Styling Text with CSS
  • Setting Font Faces
  • Font Families
  • Italic Text
  • Bold Text
  • Small Caps Tex
  • The font-size Property
  • Absolute Font Sizes
  • Relative Font Sizes
  • Length and Percentage Font Sizes
  • The font Shorthand Property
  • The font Properties
  • Line HeighT
  • Controlling Spacing between Letters
  • Controlling Spacing between Words
  • Indenting Text
  • Horizontally Aligning Text
  • Decorating Text
  • Transforming CASE
  • Controlling White Space
Styling backgrounds using CSS
  • Background Colors
  • Background Images
  • How Background Images Repeat
  • Positioning Background Images
  • Mixing Background Position Values
  • Controlling Position
  • Using the Center Keyword
  • Fixing a Background Image in Place
  • Background Shorthand
Using CSS to Position Content
  • Margins
  • Margins with multiple values
  • Margin Collapsing
  • Horizontally Aligning Elements
  • border-width
  • border-style
  • border-color
  • Border Shorthand Properties
  • Padding
  • Setting Dimensions
  • width
  • height
  • auto Values for width and height
  • Percentage Measurements
  • Quirks Mode in Internet Explorer
  • Minimum and Maximum Dimensions
  • Overflowing Content
  • Floating Content
  • Floating Box Model
  • Canceling Floated Content
  • Float Bugs in IE 6
  • Vertically Aligning Content
  • Subscript and Superscript Text
  • The top, middle, and bottom Keywords
  • Percentage and Length Value
  • Vertically Aligning Table Content
  • Absolute Positioning
  • Relative Positioning
  • Fixed Positioning
  • The z-axis and the z-index Property
  • Addressing IE version specific problems
Creating Complete Layouts with CSS and HTML
  • Creating the Page with HTML
  • Styling Text and Custom Fonts
  • Building the Layout
  • Gradient Backgrounds
Register
Footer
  • 781-376-6044
  • CONTACT US
  • SEE ALL AGI TRAINING LOCATIONS

© Copyright 2002 - 2023 American Graphics Institute