Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Subscribe
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Learn CSS from Scratch : CSS for Beginners 2026
Rating: 4.1 out of 5(50 ratings)
4,871 students
Created byMadhu Sudhan
Last updated 4/2026
English

What you'll learn

  • Become a modern and confident HTML and CSS developer, no prior knowledge needed!
  • Important CSS concepts such as the box model, positioning schemes, inheritance, solving selector conflicts, etc.
  • How to use common components and layout patterns for professional website design and development
  • Modern CSS (previous CSS3), including flexbox and CSS Grid for layout

Course content

6 sections • 22 lectures • 1h 20m total length

  • Introduction1:41
  • Topics Covered in this course?3:42
  • CSS Syntax1:00

                                                         *CSS Syntax Overview*


    CSS (Cascading Style Sheets) syntax is used to control the layout and appearance of web pages.


    *Basic Structure:*


    1. Selector: Targets HTML elements (e.g., `h1`, `a`, `p`)

    2. Property: Specifies the style attribute (e.g., `color`, `font-size`)

    3. Value: Defines the property's value (e.g., `red`, `18px`)

    4. Declaration: Combination of property and value (e.g., `color: red;`)

    5. Declaration Block: Group of declarations enclosed in curly braces (`{}`)


    *Syntax Example:*


    selector {property: value}


    *Example:*

    h1 {

    color: blue;

    font-size: 24px;

    }


  • Connect HTML & CSS File6:30
  • CSS Basic Quiz

Requirements

  • No coding or design experience necessary

Description

Well, I'm here to teach you HTML, CSS, and web design, step-by-step.

#Trending

So, in order to become a confident and independent developer, capable of building your own websites in the future, you will learn:

  • The fundamentals of modern and semantic HTML, CSS, and building layouts .This includes modern flexbox and CSS Grid!

  • How to design beautiful websites, by learning a web design framework I created just for this course. It consists of easy-to-use guidelines for design aspects like typography, colors, images, spacing, and more (this is like a small standalone course!).

  • How to use well-established website components and layout patterns in order to come up with professional-looking designs

  • How to make any website work on any mobile device, no matter the design and layout (responsive design)

  • How to use the 7 steps of building a professional website in practice: planning, sketching, designing, building, testing, optimizing, and launching

  • How to find and use free design assets such as images, fonts, and icons

  • Important developer skills such as reading documentation, fixing code errors on your own, and using professional web development tools

    "I'm providing free notes and PDFs in an understandable way."

This course is for you if

  • you are a complete beginner with no idea of how to build a website.

  • you already know a bit of HTML and CSS from some tutorials or videos, but struggle to put together a good-looking, complete website.

  • you are a designer and want to expand your skills into HTML and CSS, because all your designer friends are learning how to code



Who this course is for:

  • Who want to learn how to build a professional, beautiful and responsive website
  • Designers who want to expand their skill set into HTML5 and CSS3

Report abuse