Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

CSS Fundamentals - Comprehensive Tutorial on Styling and Layout Techniques

Satish C J via YouTube

Overview

Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
Learn the fundamentals of Cascading Style Sheets through comprehensive video lectures and hands-on code samples spanning over 5 hours of content. Master CSS implementation methods including inline, embedded, and external stylesheets while exploring essential units like px, %, em, rem, vw, vh, and more. Dive deep into CSS selectors, font and text styling, padding, borders, inheritance, and background properties. Understand positioning with static, relative, absolute, fixed, and sticky properties, then advance to modern layout techniques including Flexbox and CSS Grid with practical demonstrations and exercises. Explore CSS tables, multi-column layouts, and dynamic effects through transform, transition, and animation properties. Study CSS combinators, pseudo-classes, and pseudo-elements to create sophisticated styling solutions. Master the box model, margin, float, overflow, z-index, box shadow, and display properties for precise layout control. Complete your CSS education with responsive design techniques using media queries through hands-on demonstrations and exercises, with all code samples available for download and practice.

Syllabus

CSS Tutorial: Inline, Embedded & External CSS - Web Programming Tutorials
CSS Units - px, % , em , rem , vw, vh, vmax, vmin, ch, pt, cm ,mm ,in, pc - Demo
Cascading Style Sheets - selectors -font &text styling - padding - border - inherit - background
Cascading Style Sheets (CSS) - Position Property - static, relative, absolute, fixed and sticky
CSS Flexbox Tutorial
Cascading Style Sheets (CSS) - Tables
Cascading Style Sheets (CSS) - Multi Column Layout - Demo
CSS - Transform - Transition and Animation property - Demo
CSS - Combinators - Demo
CSS Pseudo-classes Demonstration
CSS - Pseudo elements - Demo
CSS Box Model & Margin - Float - Overflow - Z index - box shadow - display properties
CSS Grid Tutorial - Demo and Exercise
Media Queries in CSS - Demo and Exercise

Taught by

Satish C J

Reviews

Start your review of CSS Fundamentals - Comprehensive Tutorial on Styling and Layout Techniques

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.