Diving Deeper into CSS

Share the link to this page
Copied
  Completed

In this section, we look into CSS Box Model, understand margin collapsing, work with shorthand properties, and understand Box sizing, Display Property, Style Anchor Tags and many more.

  • Module Introduction
  • Introducing the CSS Box Model
  • Understanding the Box Model
  • Understanding Margin Collapsing and Removing Default Margins
  • Theory Time - Working with Shorthand Properties
  • Applying Shorthands in Practice
  • Diving Into the Height and Width Properties
  • Understanding Box Sizing
  • Adding the Header to our Project
  • Understanding the Display Property
  • Applying the Display Property and Styling our Navigation Bar
  • Understanding an Unexpected "inline-block" Behaviour
  • Working with "text-decoration" and "vertical-align"
  • Styling Anchor Tags
  • Adding Pseudo Classes
  • Theory Time - Pseudo Classes and Pseudo Elements
  • Grouping Rules
  • Working with "font-weight" and "border"
  • Adding and Styling a CTA-Button
  • Adding a Background Image to our Project
  • Properties Worth to Remember
  • Wrap Up

Sign Up

Share

Share with friends, get 20% off
Invite your friends to LearnDesk learning marketplace. For each purchase they make, you get 20% off (upto $10) on your next purchase.