Topics for this course
CSS
-
02:55
-
Lesson 2 : Prerequisite Of Learning CSS Course.
02:43 -
Lesson 3 : How To Use Excercises Files
05:55 -
Lesson 4 : Lets Start With An Example
06:24 -
Lesson 5 : What Is Cascading Style Sheets.
03:49 -
Lesson 6 : CSS History Relies In Levels
05:59 -
Lesson 7 : Limitations are there for CSS
03:09 -
Lesson 8 : Benefits and features of CSS
03:05 -
Lesson 9 : Relationship Between Html Css Script
01:25 -
Lesson 10 : How To Use Colors In CSS
08:38 -
Lesson 11 : CSS Coloring In Practical Way
07:56 -
Lesson 12 : How To Import CSS In Web Page
03:23 -
Lesson 13 : Background Property In CSS
04:32 -
lesson 14 : Background Image In CSS
06:27 -
Lesson 15 : Position – Attachment – Repetition in Background Images
05:56 -
Lesson 16 : Attachment in Background Images
03:00 -
Lesson 17 : Position in Background Images Using CSS
08:36 -
Lesson 18 : Shorthand Background Property In CSS
02:56 -
Lesson 19 : Border Property In CSS
06:53 -
Lesson 20 : Different Border For Different Sides
03:12 -
Lesson 21 : Different Color for Border For Different Sides
04:03 -
Lesson 22 : Border Width Property In CSS
04:04 -
Lesson 23 : Lets Look Different Values Borders
10:15 -
Lesson 24 : Lets Understand the Box First
08:04 -
Lesson 25 : Paddings In CSS
05:05 -
Lesson 26 : Short Hand Property Of Padding In CSS Using Four and Three Values
09:05 -
Lesson 27 : Short Hand Property Of Padding In CSS Using Two and One Value
04:03 -
Lesson 28 : Inspecting Element Using Google Chrome
07:20 -
Lesson 29 : Lets Learn Margin Settings In Css
04:26 -
Lesson 30 : Default Margins In Browser style or Default style
08:00 -
Lesson 31 : Control Margins Properties And Short Hand Property.
08:41 -
Lesson 32 : Margins With Short Hand Property.
07:43 -
Lesson 33 : Lets Understand The BOX MODEL
11:19 -
Lesson 34 : Block vs Inline Element Revisited in Box Model
06:35 -
Lesson 35 : Display property Revisited With Box Model
04:51 -
Lesson 36 : Inline-Block Display Property
05:04 -
Lesson 37 : Setting Height Width Using CSS
05:05 -
Lesson 38 : Vertical Margins Collapse One
07:57 -
Lesson 39 : Vertical Margins Collapse Two
07:26 -
Lesson 40 : Vertical Margins Collapse In Parent Child Relationship Three
11:35 -
Lesson 41 : Horizontal Margins in CSS
03:47 -
Lesson 42 : Lets Understand The BOX MODEL
11:18 -
Lesson 43 : Cascade Effect in Color Using CSS
04:57 -
Lesson 44 : Text Alignment Using CSS
05:29 -
Lesson 45 : Text-Decoration And Text-Indent
00:00 -
Lesson 46 : Text-Shadow -Text Transform- Direction -Unicode-Bidi- Vertical Align
00:00 -
Quiz on CSS
Description
This CSS course provides a strong foundation in styling and designing modern web pages. Starting with CSS basics, history, and prerequisites, learners explore how CSS works with HTML and scripts. The course covers colors, backgrounds, borders, padding, margins, and the complete box model in depth. Practical lessons include shorthand properties, inspecting elements, layout control, display properties, height and width management, and margin collapsing concepts. Text formatting, cascade effects, and alignment techniques are also explained. By the end of this course, learners will confidently style web pages and create clean, visually appealing layouts.
What I will learn?
- Understand CSS fundamentals, history, syntax, benefits, limitations, and relationship with HTML and scripts.
- Apply colors, backgrounds, images, borders, and shorthand properties effectively in real-world web pages.
- Master padding, margins, box model concepts, and spacing control for clean layouts.
- Control layout behavior using display properties, inline, block, inline-block, height, and width settings.
- Inspect and debug CSS using browser developer tools efficiently.
- Handle margin collapsing scenarios and understand parent-child and vertical margin behaviors.
- Style text using alignment, decoration, shadow, transform, and advanced text properties.
Free
Free access this course
-
LevelIntermediate
-
Duration3 hours
-
Last UpdatedJanuary 13, 2026
-
CertificateCertificate of completion
Hi, Welcome back!
Tags
Target Audience
- Beginners learning web design and front-end development.
- Students studying HTML and CSS for academic projects.
- Web designers improving layout and styling skills.
- Front-end developers strengthening CSS fundamentals and layout control.
- Freelancers designing responsive static websites for clients.
- Entrepreneurs building visually appealing business websites.
- Trainers teaching web development basics to students.
- Anyone interested in styling and designing web pages.
Requirements
- Basic knowledge of HTML tags and structure.
- Any modern web browser and text editor installed.
- Willingness to practice CSS styling with examples.
- Interest in learning web page design fundamentals.