Subscribe to Newsletter

Print

CSS (Cascading Style Sheets) Training Course


(This course is offered only on-demand to a private batch and can be customized as per the business requirements)

Overview

The course is intended for designers who are already familiar with HTML basics and want to move on to the XHTML and CSS standard for separating look and feel from the data.

Objectives - At the end of CSS Training course, participants will be able to write valid and compliant Cascading Style Sheets (CSS).

Audience - It is intended for designers who are already familiar with HTML basics and want to move on to the CSS standard.

Duration - 2 Days

Prerequisites - Participants should have basic knowledge of HTML.

Syllabus

1. Introduction
  • What is CSS
  • Advantages of using CSS
  • Validating CSS
2. CSS and HTML
  • Inline Style Sheets
  • Embedded Style Sheets
  • External Style Sheets
3. CSS Essentials
  • Units in CSS
  • Typography
    • Text Formatting
    • Text Layout
  • Colors and Backgrounds
    • Defining Colors
    • Background images
    • Positioning Backgrounds
  • Formatting
    • Padding
    • Borders
    • Margins
  • Layout
    • Lists
    • Tables
  • Forms
    • Styling Input Elements
    • Styling text Elements
    • Styling Select and Option Elements
    • Form Buttons
  • Combining Properties
4. Selectors
  • Simple Selectors
    • Universal Selectors
    • Type Selectors
  • Descendant Selectors
  • Child Selectors
  • Adjacent Sibling Selectors
  • Attribute Selectors
  • Class Selectors
  • ID Selectors
  • Pseudo Selectors
5. Importing and Cascading
  • Working with multiple Style Sheets
6. Advanced Selectors
  • Specificity
    • Rules
    • Conflict Resolution
    • !important
  • Inheritance
  • CSS Generated Content
  • The @.. Rules
    • @import
    • @media
    • @page
  • Child Selectors
  • First-Child Selectors
  • Adjacent Selectors
  • Pseudo-class Selectors
  • Pseudo-Element Selectors
  • Group Selectors
  • Attribute Selectors
7. CSS Positioning
  • float
  • position
  • visibility
  • cursor
  • CSS Positioning Properties
  • Positioning Schemes
8. Layouts
  • One-Column Layout
  • Two Column Layout
  • Fixed-width Two Column Layout
  • Flexible Multicolumn layouts
    • using Floats
    • Using Positioning
  • Fixed-width Multicolumn layou
    • using Floats
    • Using Positioning
  • Asymmetric Layout
  • CSS Stacking
9. Tricks and Hacks
  • Internet Explorer Hacks
  • Netscape Hacks
  • Debugging CSS