• learn@digital-academy.com.pk
  • 021-34816113

CSS (Cascading Style Sheet)

CSS (Cascading Style Sheet)

Price :call for Fees Rs

CSS (Cascading Style Sheet) is one of the three cornerstones of the web, along with HTML and JavaScript. It’s what brings life to websites through colors, styling, positioning and much more. CSS provides powerful control over the presentation of an HTML document.CSS (Cascading Style Sheets) is used to style and layout web pages — for example, to alter the font, colour, size and spacing of your content, split it into multiple columns, or add animations and other decorative features. This module gets you started on the path to CSS mastery with the basics of how it works, including selectors and properties, writing CSS rules, applying CSS to HTML, how to specify length, colour, and other units in CSS, cascade and inheritance, and debugging CSS.

CSS Basics: Introduction to CSS: Why Use CSS

  • Basics of CSS
  • Utility of CSS
  • Editors to use for CSS
  • Testing across different browser
  • Referring CSS in HTML file
  • Steps to Validate CSS


CSS Components: CSS Syntax

  • 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: Using CSS Classes and IDs

  • 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: CSS Pseudo Elements

  • 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: Styling Text, Font, and Properties

  • Font Formatting Basics
  • Font-Family
  • Font Combinations
  • Font-Style
  • Font-Weight
  • Text-Transform
  • Text-Decoration
  • Font-Variant
  • Font Size
  • Font Shorthand

Text Display Control: Using Borders and Height and Width CSS Properties

  • Text Display Basics
  • Line-Height
  • Letter-Spacing
  • Word-Spacing
  • Text- Indent
  • Text Align
  • White Space Property
  • Adding Color to Text

Page Background: Styling Page Backgrounds

  • Background Basics
  • Background-Color
  • Background-Image
  • Background-Repeat
  • Background-Position
  • Background-Attachment
  • Background Shorthand

CSS Box Model: Set Up Web Pages with CSS

  • 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 Basics
  • Float Property
  • Clear Property
  • IE 6 Float Bugs
  • Bug Removal Technique
  • Vertically Aligning Content

Positioning: Positioning Elements

  • Positioning Basics
  • Positioning Introduction
  • Relative Positioning
  • Absolute Positioning
  • Fixed Positioning

Styling Lists: Styling Lists in CSS

  • 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


Ready to Begin?

Find subjects you're passionate about by browsing our online course categories. Start
learning with top courses Built With Industry Experts.

Start Learning