Join WhatsApp

Home

job

Jobs

Learn

Tools

News

CSS Course
Complete Styling & Layout Mastery
CHAPTER 1
CSS Basics
Syntax • Colors • Units
  • What is CSS
  • Syntax
  • Comments
  • Colors
  • Units
CHAPTER 2
Selectors
Class • ID • Pseudo
  • Universal
  • Class & ID
  • Combinators
  • Attribute
  • Pseudo
CHAPTER 3
Box Model
Margin • Border • Padding
  • Box model
  • box-sizing
  • Outline
CHAPTER 4
Text & Fonts
Typography
  • Text styling
  • Spacing
  • Fonts
  • Google Fonts
CHAPTER 5
Backgrounds
Images • Position
  • Color
  • Image
  • Position
  • Size
  • Multiple
CHAPTER 6
Borders & Shadows
Radius • Effects
  • Border
  • Radius
  • Box-shadow
  • Text-shadow
CHAPTER 7
Display & Visibility
Block • Inline
  • display
  • visibility
  • overflow
  • opacity
CHAPTER 8
Positioning
Relative • Absolute
  • static
  • relative
  • absolute
  • fixed
  • sticky
  • z-index
CHAPTER 9
Lists & Tables
Styling
  • List styles
  • Table borders
  • Spacing
  • Striping
CHAPTER 10
Flexbox
Layout
  • Flex container
  • Direction
  • Align
  • Wrap
  • Flex props
  • Gap
CHAPTER 11
CSS Grid
2D Layout
  • Grid container
  • Columns
  • Rows
  • Area
  • Repeat
CHAPTER 12
Transforms
Rotate • Scale
  • translate
  • rotate
  • scale
  • skew
  • origin
CHAPTER 13
Transitions & Animations
Motion
  • transition
  • timing
  • delay
  • keyframes
  • animation
CHAPTER 14
Advanced Styling
Effects
  • Gradients
  • Filters
  • Clip-path
  • Masking
  • Blend
CHAPTER 15
Responsive Design
Media • Mobile
  • Media queries
  • Relative units
  • Mobile-first
  • Grid+Flex
  • Dark mode
CHAPTER 16
Layout Techniques
Float • Grid
  • Float
  • Position layout
  • Flex layout
  • Grid layout
  • Multi-column
CHAPTER 17
Pseudo & Advanced
Selectors+
  • :nth-child
  • :not
  • :is
  • ::before/after
  • Counters
CHAPTER 18
Variables & Functions
Custom props
  • Variables
  • var()
  • calc()
  • min max clamp
CHAPTER 19
Responsive Helpers
Modern CSS
  • object-fit
  • aspect-ratio
  • container queries
CHAPTER 20
Best Practices
Clean • Scalable
  • Clean CSS
  • DRY
  • BEM
  • Frameworks
  • Preprocessors