Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Learn CSS3
Introduction
What You'll Learn in this Course (1:39)
Download the Course Material
Setting up the Environment
Download CSS3 Editor (1:16)
Check your Software's (4:40)
List of Famous Software's for Web Development
CSS3 Basics
Objective: What you'll learn in this Section (0:51)
What is CSS3? (8:04)
Inline CSS (5:10)
Exercise: Inline CSS
CSS Comments (2:43)
Internal CSS (4:53)
Exercise: Internal CSS
External CSS (4:26)
Exercise: External CSS
Linking CSS (4:33)
Exercise: Linking CSS
How to Debug CSS Code (4:15)
CSS Selectors (3:35)
Universal Selector (2:03)
Type Selector (2:28)
Class Selector (4:40)
ID Selector (5:15)
ID vs Class Selector (3:20)
Attribute Selector (3:22)
Child Selector (3:45)
Descendant Selector (2:20)
Adjacent Sibling Selector (2:54)
General Adjacent Sibling Selector (2:46)
Pseudo Class and Elements (7:05)
CSS Precedence Rules (12:42)
Colors and Text (10:39)
CSS Quiz
Things to Remember (1:27)
Summary: What you have learned in this Section (0:37)
Intermediate CSS3
Objective: What you'll learn in this Section (0:48)
CSS Box (19:53)
CSS Floating Columns (18:52)
Positioning Elements (15:38)
Display Inline or Block (5:55)
Project: Website Layout (17:09)
Use Google Fonts in your Website (3:04)
Favicon (2:23)
Moving Box to Center
Further Reading CSS
CSS Quiz
Things to Remember (2:01)
Summary: What you have learned in this Section (1:05)
HTML5 + CSS3 Projects
Simple page layout (12:03)
Product Landing Page (17:01)
Survey Page (2:40)
Google Home Page (10:22)
Your Personal Website (9:11)
Coming Soon Page (5:55)
Try yourself - HTML Projects
Teach online with
Exercise: Linking CSS
Create a HTML Page using the following CSS Rules:
Linking CSS
Output should be like this:
LIVE PREVIEW
Complete and Continue