CSS: Zero to Hero in CSS by Styling a Website from Scratch

Become an Expert in CSS and CSS3 With Styling, Grid, Flexbox, Animations, Transitions, and more; No experience needed!
Free tutorial
Rating: 4.4 out of 5 (1,227 ratings)
33,667 students
6hr 17min of on-demand video
English [Auto]

You will learn how to apply CSS to any type of website or project.
You will learn about basic styling and formatting in CSS.
You will learn about CSS Theory and some of the concepts that power CSS.
You will learn about layout in CSS and ways of manipulating it (Flexbox, Grid, etc.)
You will learn about animations and transitions in CSS.


  • Must have basic knowledge of HTML (Avaliable to learn in my free HTML course)
  • Will to learn!


Do you want to learn how to style websites? Do you want to learn the industry-standard techniques that web developers use? Do you want to be able to take your website to the next level? If you are asking one of these questions, then CSS is the perfect skill for you to learn.

CSS, or Cascading Style Sheet, is responsible for the styling of a website. It can completely change its look and feel, taking a website from the amateur level, to an industry website that can be shown off to clients.

In this course, we cover CSS from the ground up; starting with basics skills, such as coloring and text, to highly advanced skills, custom animations. Overall, we cover over 10 major topics of CSS, including:

  • Coloring

  • Formatting

  • Text

  • Layout

  • Grid

  • Flexbox

  • Animations

  • Transitions

  • And many more!

Even with all of these topics, you do not need any experience in CSS! This course is packed with content-both interactive and informational- to help you achieve your goals. Each section contains an in-depth quiz with 10 questions covering each unit, allowing you to diagnose yourself and your skill. The videos are filmed in an interactive way to help you ‘learn while doing’.

On top of that, at the end of the course, you get to style a website from scratch using all of the techniques you learned!

With 6+ hours of video and everything mentioned above, you are bound to become a CSS wizard by the end of the course, regardless of your previous knowledge of the topic. The only tool you need is a basic understanding of HTML (Which can be learned through my free course!)

So, are you ready to start upgrading your web development career?


Who this course is for:

  • Anyone looking to progress their front-end web development skills
  • Those looking to open opportunities or create a basis in the development industry.
  • Anyone who wants to revisit or relearn CSS concepts.


Instructor - 100K+ Students Worldwide
VideoLab by Jad Khalili
  • 4.5 Instructor Rating
  • 12,773 Reviews
  • 213,145 Students
  • 8 Courses

Do you want to learn to code?

Do you want to design professional graphics?

Do you want to develop websites?

You have come to the right place.

My name is Jad Khalili, and I have been an instructor here on Udemy for over 3 years. I have taught courses on YouTube marketing, video editing, and so much more. Join me and over 100,000 other students in 183 countries to fulfill your dreams, start a career, or learn a new skill. 

Top companies trust Udemy

Get your team access to Udemy's top 26,000+ courses