Developing Cascading Style Sheets

CSS Training Overview

In the course teaches attendees how to format text and layout pages using CSS.

CSS Training Objectives

All attendees will learn how to:

1. Create inline, embedded, and linked CSS rules
2. Effectively use CSS selectors and exploit the cascade
3. Control page layout via CSS (using CSS instead of tables)
4. Style text and control margins and borders
5. Design a print style sheet that can be applied when a document is printed

CSS Training Outline

1. Understanding CSS
1. Reviewing XTHML Basics
2. Understanding CSS Terminology
3. Adding Rules to a Style Sheet
4. Adding Selectors
5. Working with Multiple Declarations
6. Working with Style Sheets
7. Embedding a Style Sheet
8. Importing an External Style Sheet
9. Importing Multiple Style Sheets
10. Linking to an External Style Sheet
11. Managing Style Sheets
2. Selectors and the Cascade
1. Understanding Selectors
2. Using ID Selectors
3. Using Class Selectors
4. Using Grouped Selectors
5. Using Descendant Selectors
6. Looking for the Sources of Styles
7. Resolving Style Conflicts with Specificity
8. Using the !important Declaration
9. Understanding Inheritance
10. Revealing Unstyled Documents
11. Applying User Style Sheets
3. Using CSS to Affect Page Layout
1. Introducing the CSS Box Model
2. Creating Simple Floats
3. Using Floats for Page Layout
4. Fixing Column Drop
5. Clearing Essentials
6. Containing Floats
7. Displaying Elements
4. Setting Foreground and Background Properties
1. Adding Foreground Colors
2. Adding Color to Background Elements
3. Adding Background Images
4. Repeating Background Images
5. Positioning Background Images
6. Using the Background Shorthand Declaration
5. Setting Typography
1. Altering Line Height
2. Using Font Families
3. Changing Font Styles and Weights
4. Sizing Fonts
5. Writing Font Shorthand Declarations
6. Aligning Text Horizontally
7. Aligning Text Vertically
8. Transforming Text
9. Decorating Text
6. Using Margins and Borders to Create Whitespace and Separation
1. Understanding Margins
2. Adding Borders
3. Implementing Padding
4. Using Negative Margins
5. Collapsing Margins
7. Styling Tables
1. Styling Tables and Captions
2. Styling Table Cells
3. Styling Column Classes
4. Styling Links in Table Cells
8. Styling for Print
1. Styling for Specific Mediums
2. Creating a Print Style Sheet
3. Hiding Elements for Print
4. Styling for Print
5. Applying Complex Styling for Print
6. Creating a Footer
9. Bringing It All Together
1. Working with Text Fragments
2. Setting Global Styles
3. Defining Masthead and Navbar Colors
4. Laying Out the Navbar
5. Using Columns
6. Setting Content Styles
7. Starting the Sidebar
8. Creating the Sidebar Boxes
9. Completing the Sidebar
10. Styling the Table
11. Creating the Footer