Course Content
Basics
- Basics of CSS
- Utility of CSS
- Editors to use for CSS
- Testing across different browser
- Referring CSS in HTML file
- Steps to Validate CSS
Components
- Parts of CSS Rule
- Explaining Selectors (Grouping & Type)
- Illustrating Declaration Block
- What is Property and Value
- Detailing Keywords(Auto, Multiple & String)
- Different Lengths
- Relative Units (px, em, ex, %) in CSS
- How to use Numbers in CSS
- Explaining Colors in CSS
- URL() usage
- Quirks Mode in CSS
Selectors
- Selector Basics
- Explaining Tag Selectors
- Detailing Class Selector
- Illustrating ID Selectors
- What are Group Selector
- Details on HTML Hierarchy
- Explaining Descendant Selector
- What are Universal Selector
Advanced Selectors
- Illustrating Pseudo-classes and Pseudo-Elements
- Detailing Pseudo-Classes for Links
- Explaining Direct Child Selectors
- What is Next Sibling Selector
- Attribute Selectors in CSS
- What are Pseudo-Elements :First-Letter And :First-Line
- Advanced Pseudo-Classes in CSS
Cascade and Inheritance
- Basics of Inheritance
- Why Inheritance to use
- Inheritance Rules in CSS
- Cascade in CSS
- CSS Specificity: An Overview
- What is Specificity?
- Explaining Specificity hierarchy
- Finding Selector’s Specificity
- Usage of !important
Applying Font Formatting
- Font Formatting Basics
- Font-Family
- Font Combinations
- Font-Style
- Font-Weight
- Text-Transform
- Text-Decoration
- Font-Variant
- Font Size
- Font Shorthand
Text Display Control
- Text Display Basics
- Line-Height
- Letter-Spacing
- Word-Spacing
- Text- Indent
- Text Align
- White Space Property
- Adding Color to Text
Page Background
- Background Basics
- Background-Color
- Background-Image
- Background-Repeat
- Background-Position
- Background-Attachment
- Background Shorthand
Box Model
- Box Model Basics
- Margin
- Margin Collapsing
- Margin for Horizontal Alignment
- Border
- Padding
- Height and Width
- IE quirks mode
- Min and Max Dimensions
- Overflow Property
Float
- Float Basics
- Float Property
- Clear Property
- IE 6 Float Bugs
- Bug Removal Technique
- Vertically Aligning Content
Positioning
- Positioning Basics
- Positioning Introduction
- Relative Positioning
- Absolute Positioning
- Fixed Positioning
- Z-INDEX
Styling Lists
- List Styling Basics
- List Tags
- List-Style-Type Property
- List-Style-Image Property
- List-Style-Position Property
- List-Style Shorthand Property
Styling Tables
- Table Styling Basics
- Table Elements
- Captions
- Columns
- Table Layout
- Borders Collapsing
- Border Spacing
Print Styling
- Print Styling Basics
- Print Style Sheets Advantages
- Applying Styles Based On Media
- The @media rule
- Page Breaks
- Content Property
- Print Style Sheets Tips
Customizing styles
- Customizing Basics
- Custom Fonts
- Gradient Backgrounds
- Custom Mouse Cursor
- Custom Opacity
- Custom Visibility
