Course Highlights
  • Basic styling of web pages using CSS3
  • Manipulate the display and position of HTML elements
  • Understand the Box Model concept
  • Introduction into Responsive Design
  • Design mobile friendly web pages using CSS Media Queries
  • Animate HTML elements using CSS animate property
  • Web page Layouts - CSS Flex Box and CSS Grid
Skills you will learn!
Curriculum

2 Topics
CSS - Introduction
CSS - How to use CSS?

7 Topics
CSS - Styling Text
CSS - Adding Borders
CSS - Margin and Padding
CSS - Styling Lists
CSS - Styling Links
CSS - Styling Buttons
CSS - Adding Icons

6 Topics
CSS - Working with Display Values
CSS - Display value: Inline-Block
CSS - Positioning HTML Elements Part-1
CSS - Positioning HTML Elements Part-2
CSS - Handling Content Overflow
CSS - Floating HTML Elements

3 Topics
CSS - Box Model
CSS - Box Sizing
CSS - Adding Shadows

5 Topics
CSS - Combinators Part-1
CSS - Combinators Part-2
CSS - Pseudo Classes Part-1
CSS - Pseudo Classes Part-2
CSS - Pseudo Elements

3 Topics
CSS - Adding Backgrounds
CSS - Gradients
CSS - Handling Text Overflow

2 Topics
CSS - Practice Problem-1: Create Google.com Look-Alike
CSS - Practice Problem-1: Create Google.com Look-Alike Solution

5 Topics
CSS - Introduction to Responsive Web Design
CSS - Viewport
CSS - Dynamic Size
CSS - Introduction to Media Queries
CSS - Responsive Webpage Design using Media Queries

6 Topics
CSS - Flex Layout
CSS - Flex Container Properties
CSS - Align Flex Items
CSS - Flex Item Properties
CSS - Design Topbar using Flex
CSS - Responsive Grid using Flex

5 Topics
CSS - Transform Property
CSS - Align Elements using Transform Property
CSS - Transition Property
CSS - Animation Property
CSS - Flying Rocket Animation using Animation Property

3 Topics
CSS - Introduction to Grid Layout
CSS - Grid Container Properties
CSS - Grid Item Properties

1 Topic
CSS - Final Project Problem Statement

  Write a Review

CSS - Basics to Adv for front end development

Go to Paid Course