CSS Fundamentals

You will learn the essentials CSS concepts to design standard-compliant web sites using CSS.
CSS Online Training Classes
  • Use CSS to create pixel precision web page elements layout
  • Control web page elements visual appearance with CSS
  • How to create and attach external CSS style sheets
  • How /when to use embedded or Inline CSS styles
  • Difference between absolute, fixed, relative, static positioning
  • How to use float, inline or block elements display

  1. Defining a CSS Style

    • CSS Style
    • CSS Selector
    • CSS Rule
    • CSS property

  2. CSS Selectors

    • Type Selector
    • CSS Class
    • ID Selectors
    • Attribute Selectors
    • Contextual Selectors
    • Child Selectors
    • Adjacent Sibling Selector

  3. CSS Box Model

    • Box Dimensions
    • Margins
    • Padding
    • Borders
    • Minimum Height/Width

  4. CSS Positioning

    • Absolute Positioning
    • Fixed Positioning
    • Static Positioning
    • Relative Positioning

  5. Cascading and CSS Inheritance

    • Cascading Styles
    • CSS Rules Sort Order
    • Rules Specificity
    • CSS Rule Origin
    • CSS Rule Weight

  6. CSS Floating

    • Left Floating
    • Right Floating
    • Clear Left
    • Clear Right
    • Clear Both

  7. Absolute Positioning

    • Position Absolute
    • Top, Left, Bottom, Right
    • z-Index
    • Visibility
    • Overflow
    • Box Clipping

  1. CSS Pseudo-Classes

    • Anchor pseudo-classes
    • :first-child
    • :lang pseudo class

  2. Pseudo-Elements

    • First Letter
    • First Line
    • Before
    • After

  3. Measurement Units

    • Relative Units
    • Absolute Units
    • Device Dependent Unit

  4. Typography with CSS

    • Defining Text Font
    • Font Style and Weight
    • Lines Spacing
    • Text Decoration
    • Horizontal Text alignment
    • Vertical Alignment
    • Word Spacing and Letter Spacing

  5. Display Properties

    • Element Overflow
    • z-index
    • Block Display
    • Display None
    • Display Inline

  6. Visual Effects & CSS Filters

    • Image Opacity/Transparency
    • Block Opacity
    • Blend Transition
    • Cursor

  7. CSS Media Type

    • Aural Media Type
    • Screen Media Type
    • Print Media Type
    • Handheld Media Type

  1. Using a Background

    • Background Color
    • Background Image
    • Background Image Alignment

  2. Designing Site Navigation with CSS

    • Navigation Layout
    • Defining Anchor blocks
    • Creating Rollover Effects
    • Designing Fly-out Menus
    • SEO with Site Navigation

  3. Designing Web Form with CSS

    • Styling Text Fields
    • Styling Textarea
    • Styling Radio buttons
    • Styling Check Boxes
    • Styling Drop-down list (Select)
    • Styling Form Buttons
    • Formatting Labels with CSS

  4. CSS Table Properties

    • Table Layout
    • Border Spacing
    • Border Collapse
    • Empty Cells

  5. Rounded Corners with CSS

    • Round Corners with Images
    • Round Corners CSS without Images

  6. IE6 CSS Bugs & Fixes

    • Box Padding
    • Block Floating
    • Hover Effect



For a limited time get up to 20% discount!
(510) 889 7434
info@1daytutoring.com