CSS for Web Design - Introduction

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
• Doctypes and quirks mode

Understanding CSS Selectors

• Class and 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
• The font-size property
• Absolute and relative font Sizes
• Length and percentage font sizes
• The font shorthand property
• The font properties
• Line height
• Controlling spacing between letters and words
• Indenting text
• Horizontally aligning text
• Decorating text
• Transforming CASE
• Controlling white space

Styling backgrounds using CSS

• Background colors
• Background images
• 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 styles
• Border shorthand properties
• Padding
• Setting dimensions
• Percentage measurements
• Minimum and maximum dimensions
• Overflowing content
• Floating content
• Floating box model
• Canceling floated content
• Vertically aligning content
• Subscript and superscript text
• The top, middle, and bottom keywords
• Percentage and length value
• Vertically aligning table content
• Absolute, relative, and fixed positioning
• The z-axis and the z-index Property

Creating complete layouts with CSS and HTML

• Creating the page with HTML
• Styling text and custom fonts
• Building the layout
• Gradient backgrounds