Free Course
Modern CSS
Master CSS from the ground up — selectors, layouts, Flexbox, Grid, animations & responsive design.
9Lessons
100%Free
BeginnerLevel
CSS Lessons
L 01
CSS Introduction & CSS Syntax
What CSS is, how it works with HTML, and the basic syntax — selector, property and value rules.
IntroSyntax
L 02
CSS Selectors
Element, class, ID, and universal selectors — how to target HTML elements precisely with CSS.
SelectorsTargeting
L 03
How To Add CSS
Three ways to add CSS — inline, internal <style> tag, and external stylesheet with <link>.
InlineExternal
L 04
CSS Comments
How to write single-line and multi-line CSS comments, and how to comment out code for testing.
Comments/* */
L 05
CSS Colors
Color names, HEX codes, RGB, RGBA, HSL and HSLA — all CSS color formats explained with examples.
ColorsHEXRGB
L 06
CSS Backgrounds
Background color, image, repeat, position, size, and shorthand — full CSS background control.
BackgroundImages
L 07
CSS Borders
Border style, width, color, shorthand and border-radius for rounded corners with live examples.
BordersRadius
L 08
CSS Margins
Add space outside elements — margin shorthand, individual sides, auto centering, and margin collapse.
MarginsSpacing
L 09
CSS Padding
Add space inside elements — padding shorthand, individual sides, and how padding affects background.
PaddingBox Model
L 10
CSS Height and Width
Control element dimensions using height, width, max-width, min-width, and responsive sizing techniques.
SizingWidthHeight
L 11
CSS Fonts –
Learn font-family, font-size, font-style, font-weight, and how to choose and style readable web fonts.
FontsTypography
L 12
CSS Text Formatting
Format text with color, alignment, decoration, spacing, transform, shadow, and line-height properties.
TextFormatting
L 13
CSS Box Model Explained
Understand content, padding, border, and margin together so you can size and space elements correctly.
Box ModelLayout
Ready to start learning CSS?
Begin with Lesson 1 and work through all 9 lessons at your own pace — completely free.
Start from Lesson 1