Web Design
Introduction to CSS
Course Overview
This CSS training class teaches students to use Cascading Style Sheets to format HTML pages.
This course has been updated to use the latest CSS3 methods.
Course Length
2 days
Learning Outcomes / Objectives
- Learn the benefits of CSS.
- Learn to avoid using deprecated tags and attributes.
- Learn CSS syntax.
- Learn to use <div> and <span> tags appropriately.
- Learn most of the common properties and their values.
- Learn to create custom CSS cursors.
- Learn to style links with CSS to create “CSS Buttons”.
- Learn to work with borders, margin, and padding (the box model).
- Learn to style tables with CSS.
Topic List
- Crash Course in CSS
- Benefits of Cascading Style Sheets
- CSS Rules
- Selectors
- Precedence of Selectors
- The Cascade
- Creating an Embedded Style Sheet
- Creating an External Style Sheet
- Adding Inline Styles
- Media Types
- <div> and <span>
- Divs and Spans
- Units of Measurement
- The Inherit Value
- @import
- CSS Fonts
- Font – the old way
- Font-family
- Font-size
- Font Family and Font Size
- Font-style
- Font-variant
- Font-weight
- Font Style, Font Variant and Font Weight
- CSS Text
- Letter-spacing
- Word-spacing
- Line-height
- Text-align
- Text-decoration
- Text-indent
- Text-transform
- Vertical-align
- White-space
- Text Properties
- Colors and Backgrounds
- About Color Values
- Color
- Background-color
- Background-image
- Colors and Backgrounds
- Custom Cursors
- Cursor Styles
- Custom Cursors
- Using Custom Cursors
- CSS and Links
- Pseudo-classes
- CSS Button Links
- Modifying Links
- Borders, Margins and Padding
- Getting Started
- Borders
- Margin
- Padding
- Borders, Margin and Padding
- Styling Tables with CSS
- A Review of HTML Table Syntax
- Styling a Table
- Transforms and Transitions
- Transitions
- Two-dimensional Transforms
- Transitions and Transforms