CSS Fundamentals Training Classes

CSS Training ► Objectives
Learn the fundamentals of cascading style sheets (CSS) to:

  • Gain an in-depth knowledge of CSS rules, selectors
  • Learn about inline, embedded and external CSS styles
  • Achieve pixel-precision web page layout without using tables
  • Differentiate between fixed width, liquid, elastic and hybrid layouts
  • Understand how CSS styles actually cascade
  • Control your web pages text format to get a consistent look-and-feel
  • Design Search Engines friendly web pages
  • Create Web2.0 websites that load faster and look neat & clean
 

CSS Training Outline

  1. CSS Rules

    • Advantages of using CSS
    • CSS Rule
    • CSS Comment

  2. CSS Selectors

    • Element Type Selector
    • Contextual Selector
    • Class Selector
    • Identifiers (ID)
    • Compound Selectors

  3. Applying CSS Styles

    • Inline Styles
    • Embedded CSS
    • External Style Sheets

  4. CSS Into Perspective

    • Color and CSS
    • Fonts and CSS
    • Dynamic Pseudo-classes and CSS
    • Images and CSS
    • Using Multiple Style Sheets
    • CSS vs Pure HTML
    • Accessibility
    • Standards Compliance
    • Web Browser Support

  5. Applying CSS Rules

    • Inline, Embedded and External CSS
    • Using Shorthand Properties
    • CSS Inheritance
    • Selectors and Structure of CSS rules
    • Pseudo-element Selector
    • Pseudo-class selector
    • Descendant Selector
    • Parent-Child Selector
    • Adjacent Selector
    • Attribute Selector
    • Selector grouping

  6. Expression Measurement

    • Absolute Values
    • Relative Values

  7. Validation & Backward Compatibility

    • Validating your CSS
    • Adjusting for backward Compatibility
    • Dealing with cross-browser issues
    • Quirks Modes & Strict Mode

  1. Colors and Backgrounds

    • Foreground Color
    • Background Color
    • Background Image

  2. Working With Fonts

    • Font-Family
    • Generic Fonts
    • Font-size
    • Font-weight
    • Font Lists
    • Using Nonstandard Fonts
    • Downloadable Fonts

  3. Working with Text

    • Text alignment
    • Text indentation
    • Horizontal & Vertical Spacing
    • Text Decoration
    • Using SPAN to create text effects
    • Styling Hyperlinks
    • Styling Lists

  4. CasCading and Inheritance

    • Basic Principles of Styles Cascading
    • Sort Order
    • Specificity
    • Origin
    • Weight

  5. CSS Box Model

    • Box Size: width, Height
    • Margin
    • Padding
    • Border
    • Margin, Padding, and Lists

  6. CSS Layout

    • Positioning: Absolute, Relative
    • Display Property
    • Visibility
    • Z-index
    • Float Property
    • Clear Property

  7. CSS Neat & Clean Tricks

    • Create Round Corners Rectangles
    • Embossed Submit Button
    • Vertical Alignment
    • Opacity/Transparency Effects

  1. CSS Tables

    • Table Display
    • Table Row Display
    • Table Cell Display
    • Table Column
    • Table Row Group
    • Table Column Group
    • Anonymous Table Elements
    • Table-layout
    • Border Collapse
    • Border Spacing

  2. Exploring CSS2

    • Attribute Selector
    • Media Specifier
    • Pattern Matching
    • Adjacent sibling selectors
    • Media-dependent Style Sheets
    • Collapsing Margins

  3. Exploring CSS3

    • Borders
    • Backgrounds
    • Color
    • Text Effects
    • Attribute Selectors
    • Multi-column Text Layout
    • Using Web fonts

  4. CSS Hacks

    • CSS Hacks for IE6 and IE7
    • CSS hacks for Firefox
    • CSS hacks for Opera
    • CSS hacks for Safari

  5. ►► Hands-on Projects

    • 2 Columns Fixed width Layout
    • 3 Columns Hybrid Layout
    • Search Engine Friendly CSS Layout
    • CSS Drop-Down Menus Design

  6. ►► CSS Training Goodies

    • CSS Quick Reference Poster
    • SEO Tips & Tricks
    • Free Access to Hundreds of E-Books
 
Check Schedule »

CSS Training
 
 
 
Member Login