Learn CSS

Introduction to Selectors

Universal Selector

Element Selector

CSS id Selector

CSS class Selector

The input element as a selector

CSS grouping Selector

CSS pseudo-class Selector

That's all for Selectors

Adding Colors to Webpage

Give Color to Text

Specifying colors using the color name

Specifying color using HEX value

Specifying color using RGB

Make colorful backgrounds

Quick Revision

Introduction to Text styling

Changing the Font type (font-family)

CSS Font style (font-style)

Changing Font size (font-size)

Make fonts bold (font-weight)

Letter and Word Spacing

Text Direction (text-direction):

Aligning the Text (text-align)

Decorating the Text (text-decoration)

Handling text overflow (text-overflow):

And Text styling is complete!

What is Box Model?

The Content box

Setting height and width of Element

Margin around Element

Padding inside Element

Border around Element

Understanding Box Sizing

Quick Revision

Give your HTML elements a Border

Control the border-style

Thin/Thick borders using border-width

Change Border color using border-color

Border Shorthand Property

Rounded Corners using border-radius

End of Borders

CSS display Property

CSS Display Inline

CSS Display Block

CSS Display None

CSS display Inline-block

CSS Visibility hidden

Quick revision

CSS Properties to style Images - Introduction

Set Height and Width

Make Image Corners round or Image Circular

CSS float Property

Centering an Image

Making Image Transparent - opacity

CSS Background Images

CSS filter property

Making Images Responsive

That's all for Images

Be my Shadow - Introduction

Adding Shadow effect to the text

Multiple Text Shadows

Adding shadow effect using box-shadow

Applying shadow effect on Cards

Bye Bye! Shadows

Introduction to Positioning

CSS Static Position

CSS Relative Position

CSS Absolute Position

CSS Fixed Position

CSS Sticky Position

Quick Revision

What are Media Queries?

Adding breakpoint for different screen size

Hiding elements using media queries

Changing Font-size using media queries

Quick Revision