Course Outline
 

 

1 CSS 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
2 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
3 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
4 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
5 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
6 Applying Font Formatting
  • Font Formatting Basics
  • Font-Family
  • Font Combinations
  • Font-Style
  • Font-Weight
  • Text-Transform
  • Text-Decoration
  • Font-Variant
  • Font Size
  • Font Shorthand
7 Text Display Control
  • Text Display Basics
  • Line-Height
  • Letter-Spacing
  • Word-Spacing
  • Text- Indent
  • Text Align
  • White Space Property
  • Adding Color to Text
8 Page Background
  • Background Basics
  • Background-Color
  • Background-Image
  • Background-Repeat
  • Background-Position
  • Background-Attachment
  • Background Shorthand
9 CSS 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
10 Float
  • Float Basics
  • Float Property
  • Clear Property
  • IE 6 Float Bugs
  • Bug Removal Technique
  • Vertically Aligning Content
11 Positioning
  • Positioning Basics
  • Positioning Introduction
  • Relative Positioning
  • Absolute Positioning
  • Fixed Positioning
  • Z-INDEX
12 Styling Lists
  • List Styling Basics
  • List Tags
  • List-Style-Type Property
  • List-Style-Image Property
  • List-Style-Position Property
  • List-Style Shorthand Property
13 Styling Tables
  • Table Styling Basics
  • Table Elements
  • Captions
  • Columns
  • Table Layout
  • Borders Collapsing
  • Border Spacing
14 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
15 Customizing styles
  • Customizing Basics
  • Custom Fonts
  • Gradient Backgrounds
  • Custom Mouse Cursor
  • Custom Opacity
  • Custom Visibility

Apply for Certification

https://www.vskills.in/certification/certified-css-designer