YouTube Tools
Support

Kevin Powell's HTML & CSS for Absolute Beginners: study plan and how long it takes

The Kevin Powell playlist is 50 videos and 5.6 hours long. Here's how long it takes at different paces, a week-by-week schedule built from the real videos, and a planner that turns it into your own daily plan.

50 videos · 5.6 hours · Kevin Powell

Kevin Powell, known as the CSS king of YouTube, teaches HTML and CSS from zero in 50 short lessons: adding content, text formatting, links and images, an introduction to CSS, colours and typography, the box model, divs and spans, specificity and the cascade, and building a simple navigation.

It's slow and friendly, designed for people who have never written code.

Who it's for: Complete beginners to web development, including non-programmers.

How long does it take?

The full playlist is 5.6 hours across 50 videos. Here's roughly how many days that is at different daily watch times and speeds, counting video time only:

Days to finish the playlist by daily watch time and playback speed
Daily timeAt 1xAt 1.5xAt 2x
30 min a day12 days8 days6 days
1 h a day6 days4 days3 days
2 h a day3 days2 days2 days

Make your own schedule

The playlist link is already filled in. Press Plan, set how much time you have each day and your speed, and you'll get a day-by-day schedule with a finish date and a calendar file. It reads the live playlist, so new videos are included.

Open on YouTube Track watched videos

Week-by-week schedule

A sample plan at 30 minutes a day and normal speed, using whole videos so none is split across days. That's 2 weeks in total. For a different pace, start date or speed, use the planner above.

Week 1Videos 1–28 · 2h 49m

  1. Day 1 · 24m

    • 1HTML & CSS for Absolute Beginners: Introduction3m
    • 2HTML & CSS for Absolute Beginners: What is HTML?8m
    • 3HTML & CSS for Absolute Beginners: Root folder & your first HTML file4m
    • 4HTML & CSS for Absolute Beginners: DOCTYPE, head, and body9m

  2. Day 2 · 24m

    • 5HTML & CSS for Absolute Beginners: HTML Headings9m
    • 6HTML & CSS for Absolute Beginners: Adding content to our project7m
    • 7HTML & CSS for Absolute Beginners: HTML Comments3m
    • 8HTML & CSS for Absolute Beginners: Nesting HTML elements6m

  3. Day 3 · 23m

    • 9HTML & CSS for Absolute Beginners: HTML Lists (ol and ul)6m
    • 10HTML & CSS for Absolute Beginners: Semantic HTML10m
    • 11HTML & CSS for Absolute Beginners: Strong and Em elements4m
    • 12HTML & CSS for Absolute Beginners: Block & Inline elements3m

  4. Day 4 · 18m

    • 13HTML & CSS for Absolute Beginners: Creating a second page9m
    • 14HTML & CSS for Absolute Beginners: Creating links to other pages10m

  5. Day 5 · 24m

    • 15HTML & CSS for Absolute Beginners: Images13m
    • 16HTML & CSS for Absolute Beginners: Intro to CSS1m
    • 17HTML & CSS for Absolute Beginners: Creating and linking to a CSS file4m
    • 18HTML & CSS for Absolute Beginners: CSS syntax / formatting CSS6m

  6. Day 6 · 27m

    • 19HTML & CSS for Absolute Beginners: CSS color basics7m
    • 20HTML & CSS for Absolute Beginners: Order in CSS is important2m
    • 21HTML & CSS for Absolute Beginners: Text alignment5m
    • 22HTML & CSS for Absolute Beginners: Font family and font stacks6m
    • 23HTML & CSS for Absolute Beginners: Inheritence6m

  7. Day 7 · 29m

    • 24HTML & CSS for Absolute Beginners: User Agent Styles4m
    • 25HTML & CSS for Absolute Beginners: Font sizes8m
    • 26HTML & CSS for Absolute Beginners: Line height and spacing8m
    • 27HTML & CSS for Absolute Beginners: Inline CSS and Internal stylesheets5m
    • 28HTML & CSS for Absolute Beginners: Dev tools5m
Week 2Videos 29–50 · 2h 46m

  1. Day 8 · 29m

    • 29HTML & CSS for Absolute Beginners: The box model - width, height, inline-size, block-size9m
    • 30HTML & CSS for Absolute Beginners: Box model - Padding9m
    • 31HTML & CSS for Absolute Beginners: Box model - Borders7m
    • 32HTML & CSS for Absolute Beginners: Box Model - Margin4m

  2. Day 9 · 26m

    • 33HTML & CSS for Absolute Beginners: box-sizing5m
    • 34HTML & CSS for Absolute Beginners: The new layout!2m
    • 35HTML & CSS for Absolute Beginners: IDs and Classes7m
    • 36HTML & CSS for Absolute Beginners: Divs and Spans12m

  3. Day 10 · 29m

    • 37HTML & CSS for Absolute Beginners: Styling links with pseudo-classes8m
    • 38HTML & CSS for Absolute Beginners: Background images17m
    • 39HTML & CSS for Absolute Beginners: Descendant Selectors5m

  4. Day 11 · 21m

    • 40HTML & CSS for Absolute Beginners: Specificity7m
    • 41HTML & CSS for Absolute Beginners: Specificity + Dev tools2m
    • 42HTML & CSS for Absolute Beginners: Styling lists11m

  5. Day 12 · 19m

    • 43HTML & CSS for Absolute Beginners: Preventing layouts from getting too wide13m
    • 44HTML & CSS for Absolute Beginners: Responsive images6m

  6. Day 13 · 27m

    • 45HTML & CSS for Absolute Beginners: Creating a two-column layout11m
    • 46HTML & CSS for Absolute Beginners: A simple navigation14m
    • 47HTML & CSS for Absolute Beginners: A bit more flexbox stuff2m

  7. Day 14 · 16m

    • 48HTML & CSS for Absolute Beginners: Media Query basics - making a layout responsive7m
    • 49HTML & CSS for Absolute Beginners: Finishing touches3m
    • 50HTML & CSS for Absolute Beginners: What's next?5m

Tips for finishing

  • Type every example in your own editor; Kevin's lessons are short enough to code along without pausing much.
  • When you finish, move on to his more advanced CSS playlists for Flexbox and Grid.

Frequently asked questions

How long does it take to finish Kevin Powell's HTML & CSS for Absolute Beginners?

The playlist has 50 videos and 5.6 hours of content. At 1 hour a day that's about 6 days at normal speed, or 4 days at 1.5x. At 2 hours a day it's about 3 days.

More study plans

See all 166 study plans

Tools for any playlist