2 days
Training Overview
This two day course will give you all the knowledge you need to start working with
Cascading Style Sheets (CSS) and web design. During the course you'll see how to achieve
2 and 3 column layouts with CSS, and learn how to work with the HTML box model and CSS
cascade feature. Along the way we'll also be styling text, changing colors, and using
the flexibility and power of CSS selectors.
Audience
Students interested in writing web pages using style sheets
Prerequisites
Experience in HTML.
Training Outline
-
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>
- Units of Measurement
- The Inherit Value
- @import
-
CSS Fonts
- Font - the old way
- Font-family
- Font-size
- Font-style
- Font-variant
- Font-weight
-
CSS Text
- Letter-spacing
- Word-spacing
- Line-height
- Text-align
- Text-decoration
- Text-indent
- Text-transform
- Vertical-align
- White-space
-
Colors and Backgrounds
- About Color Values
- Color Names
- Hexadecimal Color Values
- Color
- Background-color
- Background-image
- Background-repeat
- Background-attachment
- Background-position
-
Custom Cursors
- Cursor Styles
- Custom Cursors
- Are Custom Cursors Useful?
-
CSS and Links
- Pseudo-classes
- CSS Button Links
- Modifying Links
-
Borders, Margins and Padding
- Getting Started
- Borders
- Margin
- Padding
- Specifying Padding by Side
-
Styling Tables with CSS
- A Review of HTML Table Syntax
- border-spacing
- border-collapse
- padding
