CSS Course Online February 10, 2025 Advanced

CSS Training Course for Web Design - Advanced

Mon, Feb 10 2025 - Tue, Feb 11 2025

Online Training

$695.00

This advanced CSS training course helps you to master Cascading Style Sheets for complete control of your web designs. Learn techniques for using Cascading Style Sheets to apply visual formatting to web pages. Designed for those with existing CSS experience and familiar with all CSS topics covered in the introductory course. This course provides the skills to add style to links, lists, nav bars, and more. Learn to apply styles to forms and data tables and to manage CSS for use across multiple pages in this advanced web design course.

Download Course Description (PDF)

CSS course - Advanced topics covered

The topics covered in this advanced CSS training course are separated into eight modules. These provide course participants with advanced CSS training, providing skills needed to apply advanced formats with CSS and CSS3. The topics covered include:

Lesson 1: Structuring CSS code

IDs and class names
Naming your elements
IDs or classes?
Divs and spans
Microformats
Different versions of HTML and CSS
Document types and browser modes
Validation

Lesson 2: Managing CSS styles

Common selectors
Pseudo-classes
The universal selector
Advanced selectors
Child and adjacent sibling selectors
Attribute selectors
The cascade and specificity
Specificity
Using specificity in your style sheets
Adding a class or an ID to the body tag
Inheritance
Planning and maintaining your styles
Applying styles to your document
Removing comments and optimizing
Style guides

Lesson 3: Visual formatting using CSS

Box model review
IE and the box model
Margin collapsing
Positioning review
The visual formatting model
Relative positioning
Absolute positioning
Fixed positioning
Floating
Line boxes and clearing

Lesson 4: Using CSS backgrounds

Background image basics
Rounded-corner boxes
Fixed-width rounded-corner boxes
Flexible rounded-corner box
Multiple background images
border-radius
border-image
Easy CSS drop shadows
Box-shadow
Opacity
CSS opacity
RGBa
PNG transparency

Lesson 6: Using CSS to style lists and nav bars

Basic list styling
Creating a basic vertical nav bar
Highlighting the current page in a nav
Creating a simple horizontal nav bar
Creating a graphical nav bar
Sliding door tabbed navigation
CSS image maps
Flickr-style image maps
Remote rollovers
Definition lists

Lesson 7: Styling forms and tables with CSS

Styling data tables
Table-specific elements
Summary and caption
Data table markup
Styling the table
Adding the visual style
Simple form layout
Useful form elements
Form labels
Embellishments
Required fields
Accessible date input
Multicolumn checkboxes
Submit buttons
Form feedback

Lesson 8: Using CSS to create a page layout

Planning your layout
Setting the foundations
Centering a design using margins
Float-based layouts
Two-column floated layout
Three-column floated layout
Fixed-width, liquid, and elastic layout
Liquid layouts
Elastic layouts
Liquid and elastic images
Faux columns
Equal-height columns
CSS frameworks vs. CSS Systems

The course topics serve as an outline for the course. Instructors may adjust content based on the specific needs of each class, such as to answer your Web design questions.

See all Web design classes, See all CSS training classes, See all Web development courses

Why Web design classes at AGI are the best option for you

Hands-on learning: Learn Web design quickly with our proven teaching methods.
Exceptional curriculum: AGI has delivered Web design training to thousands over 25 years.
Expert instructors: Our instructors are Web design experts and skilled educators.
Small class sizes: Receive personalized attention with 10 or fewer participants per class.
Repeat for Free: If you need a refresher or miss a class day, retake the Web design class at no cost.

American Graphics Institute

All Web design classes include