Comprehensive CSS Training

Request more details:

submit request
Description:
This CSS training class teaches students to use Cascading Style Sheets to format HTML pages. After learning the basics of CSS, students will learn to use CSS to format forms, create list-based navigation, do advanced page layouts, and create stunning background effects. Students will also learn about CSS coding conventions and shorthand properties.
Prerequisites:
Course Goals:
Learn the benefits of CSS.
Learn to avoid using deprecated tags and attributes.
Learn CSS syntax.
Learn to use
and 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.
Learn to position elements with CSS.
Learn advanced CSS page layout techniques.
Learn how to use shorthand CSS properties.
Learn to create cool effects with background images using CSS.
Learn to lay out forms without tables.
Learn to use CSS with lists to create hierarchical navigation.
Learn to organize your CSS code.
Learn about browser support for CSS.
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
and
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 Cursor
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
Positioning and Visibility :
Element Flow
Position
Positioning
Z-index
Display
Visibility
Float
Clear
Advanced CSS Page Layout :
Resetting Styles
Full Width Layouts
Two-column
Three-column
Positioning the Headings
Fixed Width Layouts
Two-column
Three-column
A Recommendation on Positioning
Other Methods of Layout
Laying out a Page - The power of float
CSS Shorthand Properties :
What is CSS Shorthand?
List of CSS Shorthand
Shorthand Margins and Padding
Shorthand Border and Outline
Shorthand Backgrounds
Shorthand Fonts
Shorthand Lists
Using Shorthand
CSS Lists as Hierarchical Navigation:
Using Lists as Vertical Navigation
Using Nested Lists as Navigation
Using Lists as Horizontal Navigation
Using Lists as Drop-Down or Fly-Out Navigation
Using a List to Create a Navigation Menu
CSS Background Tricks :
The State of Rounded Corner Boxes
Fixed-width Rounded Corner Boxes
Relative-width Rounded Corner Boxes
"Mountaintop" Corner Boxes
Tabbed Navigation
Drop Shadows
Replacing Text with an Image
Using Backgrounds
Laying out and Styling Forms with CSS :
Laying out the Questions
Creating the Form
Reset Revisited
Styling the Form
Expanding the Form
CSS Best Practices :
Review some of recommended CSS Best practices
Browser-compatibility Issues :
Quirks Mode
Internet Explorer Conditional Statements
Common Browser Bugs / Issues
Fixing the Box Model Bug