Autoplay
Autocomplete
Previous Lesson
Complete and Continue
CSS Foundations Deep Dive
About
About This Course
Telegram Group for This Course
What is CSS and Why? ππ¨
What CSS Is and Why Itβs Used β The Language of Style! ππ¨
βQuiz
Setup Environment
Tools & Materials Required for CSS Deep Dive π§π»
Types of CSS Styling ππ¨
Types of CSS Styling ππ¨ (4:52)
βQuiz
Inline CSS ππ¨
Inline CSS β Quick Tweaks for Individual Elements ππ¨ (10:59)
Practice Activity π¨
Practice Activity π¨: Sample Solution
βQuiz
Internal (Embedded) CSS ππ¨
Internal (Embedded) CSS β Styling from Within Your HTML ππ¨ (13:36)
Practice Activity π¨
Practice Activity π¨: Sample Solution
βQuiz
External CSS ππ§°
External CSS β Building Reusable and Consistent Designs ππ§° (5:47)
Practice Activity π¨
Practice Activity π¨: Sample Solution
βQuiz
CSS Syntax, Selectors, Properties, and Values π―π»
CSS Syntax ππ‘
CSS Selectors β Mastering Element Targeting π―π» (11:47)
Advanced CSS Selectors β Diving Deeper into Element Targeting ππ (7:47)
Practice Activity π¨
Practice Activity π¨: Sample Solution
βQuiz
Specificity in CSS ππ¨
Specificity in CSS β The Styling Contest ππ¨ (8:37)
Practice Activity π¨
Practice Activity π¨: Sample Solution
βQuiz
The Cascade in CSS ππ¨
The Cascade in CSS β How Multiple Rules Interact ππ¨ (8:39)
βQuiz
Inheritance in CSS β π¨βπ©βπ§β¨
Inheritance in CSS β Passing Down Family Traits π¨βπ©βπ§β¨ (8:03)
Practice Activity π¨
Practice Activity π¨: Sample Solution
βQuiz
CSS Comments πβ¨
CSS Comments β Writing Clear and Maintainable Styles πβ¨
CSS Colors π¨π¨
CSS Color Names β A Built-In Palette for Web Designers π¨β¨ (8:25)
Color Names - 140 Standard Colors π¨
βQuiz 1
CSS RGB Colors β Creating Custom Hues with Red, Green, and Blue π¨π΄π’π΅ (3:59)
βQuiz 2
CSS HEX Colors β Mastering the Hexadecimal Palette π’π¨ (4:45)
βQuiz 3
CSS HSL Colors β Exploring Hue, Saturation, and Lightness π¨π (6:04)
βQuiz 4
CSS Background-Color π¨β¨
CSS Background-Color β Adding Life to Your Web Designs π¨β¨ (14:25)
βQuiz
CSS Background Image πΌοΈβ¨
CSS Background Image β Enhancing Your Web Designs with Imagery πΌοΈβ¨ (10:22)
CSS Background-Attachment β Controlling the Movement of Backgrounds ππΌοΈ (2:32)
βQuiz
CSS Background Shorthand π¨πΌοΈ
CSS Background Shorthand β Combining All Background Properties in One Declaration π¨πΌοΈ (8:17)
βQuiz
CSS Borders πΌοΈπ²
CSS Borders β Adding Structure and Style to Your Elements πΌοΈπ² (13:07)
Practice Activity π¨
Practice Activity π¨: Sample Solution
βQuiz
CSS Margins πβ¨
CSS Margins β Spacing Your Elements Effectively πβ¨ (16:41)
Practice Activity π¨
Practice Activity π¨: Sample Solution
βQuiz 1
Margin Collapse β Understanding Vertical Margin Behavior ππ (6:00)
βQuiz 2
CSS Padding πποΈ
CSS Padding β Creating Comfortable Spaces Inside Your Elements πποΈ (10:23)
Practice Activity π¨
Practice Activity π¨: Sample Solution
βQuiz
CSS Box Model π¦π
What is CSS Box Model? (13:21)
Practice Activity π¨
Practice Activity π¨: Sample Solution
βQuiz
Inspecting Elements Using DevTools π΅οΈββοΈπ§
Inspecting Elements Using DevTools π΅οΈββοΈπ§ (7:11)
Practice Activity π¨
βQuiz
CSS Units β Pixels, Percentages, Ems, Rems, and Beyond ππ’
Introduction about: CSS Units ππ’
1οΈβ£ Absolute Units (10:07)
Another Absolute Units: The pt Unit in CSS β Designing for Print and Precision πβοΈ
β Quiz 1
2οΈβ£ Relative Units
Relative Units - π Percentage (%) (14:10)
β Quiz 2
Practice Activity π¨: Sample Solution
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock