playlistduration

CSS Tutorials For Beginners

by Net Ninja · 53 videos

Total watch time

5h 44m

at 1× speed · exactly 5 hours, 43 minutes, 35 seconds at 1×

1×5h 43m 35s
1.25×4h 34m 52s
1.5×3h 49m 3s
1.75×3h 16m 20s
2×2h 51m 48s
Average video6m 29s
Longest11m 9s
Shortest2m 15s
Compare Open on YouTube JSON

Plan to finish

About 6 days at an hour a day

Pick a daily pace and the days you'll watch. Ticked videos are skipped.

Days

At one hour a day, every day, this playlist takes about 6 days. Turn on JavaScript to plan around your week.

Videos (53)

5h 44m in total · tick what you've watched

Tick videos you've watched — progress is saved in this browser.

Videos to
Watched
1 CSS Tutorial For Beginners 01 - Introduction to CSS 2:15 2015-05-13
2 CSS Tutorial For Beginners - What is CSS? 4:44 2015-05-14
3 CSS Tutorial For Beginners 03 - Default Browser Styles 4:47 2015-05-14
4 CSS Tutorial For Beginners 04 - Basic CSS Syntax 8:02 2015-06-02
5 CSS Tutorial For Beginners 05 - Inline & Embedded Styles 9:30 2015-06-03
6 CSS Tutorial For Beginners 06 - External Style Sheets 5:38 2015-06-04
7 CSS Tutorial For Beginners 07 - CSS Comments and Where to Use Them 4:41 2015-06-04
8 CSS Tutorial For Beginners 08 - Targeting Elements with CSS 4:29 2015-06-04
9 CSS Tutorial For Beginners 09 - Targeting Classes and ID's 7:25 2015-06-08
10 CSS Tutorial For Beginners 10 - CSS Conflicts & the Cascade 8:05 2015-06-09
11 CSS Tutorial For Beginners 11 - Inheritance 8:48 2015-06-10
12 CSS Tutorial For Beginners 12 - Selector Specificity 10:18 2015-06-12
13 CSS Tutorial For Beginners 13 - The Important Declaration 5:40 2015-06-12
14 CSS Tutorial For Beginners 14 - Targeting Multiple Elements 4:41 2015-06-13
15 CSS Tutorial For Beginners 15 - Descendant Selectors 6:23 2015-06-14
16 CSS Tutorial For Beginners 16 - Child Selectors 3:46 2015-06-14
17 CSS Tutorial For Beginners 17 - Adjacent Selectors 4:21 2015-06-14
18 CSS Tutorial For Beginners 18 - Attribute Selectors 10:39 2015-06-15
19 CSS Tutorial For Beginners 19 - Pseudo Selectors 5:39 2015-06-16
20 CSS Tutorial For Beginners 20 - Hover, Active & Visited Effects 4:18 2015-06-17
21 CSS Tutorial For Beginners 21 - First & Last Child Selectors 5:32 2015-06-17
22 CSS Tutorial For Beginners 22 - First & Last of Type Selectors 3:54 2015-06-18
23 CSS Tutorial For Beginners 23 - nth Child Selectors 8:12 2015-06-18
24 CSS Tutorial For Beginners 24 - nth of Type Selectors 5:43 2015-06-18
25 CSS Tutorial For Beginners 25 - Combining Selectors 4:00 2015-06-18
26 CSS Tutorial For Beginners 26 - The Universal Selector 7:15 2015-06-19
27 CSS Tutorial For Beginners 27 - Font Size 8:00 2015-06-23
28 CSS Tutorial For Beginners 28 - Font Family 5:27 2015-06-23
29 CSS Tutorial For Beginners 29 - Text Decoration 4:52 2015-06-23
30 CSS Tutorial For Beginners 30 - Font Weight 8:15 2015-06-24
31 CSS Tutorial For Beginners 31 - Text Transform 5:01 2015-06-24
32 CSS Tutorial For Beginners 32 - Text Colour 5:33 2015-06-25
33 CSS Tutorial For Beginners 33 - Styling Links 4:36 2015-06-25
34 CSS Tutorial For Beginners 34 - Letter Spacing & Line Height 9:05 2015-06-26
35 CSS Tutorial For Beginners 35 - Paragraph Spacing 3:47 2015-06-29
36 CSS Tutorial For Beginners 36 - The Box Model 9:28 2015-07-02
37 CSS Tutorial For Beginners 37 - Margins 10:39 2015-07-02
38 CSS Tutorial For Beginners 38 - Padding 4:42 2015-07-02
39 CSS Tutorial For Beginners 39 - Padding & Margin Long-hand 3:58 2015-07-04
40 CSS Tutorial For Beginners 40 - Borders 6:48 2015-07-05
41 CSS Tutorial For Beginners 41 - Block-level Elements 11:09 2015-07-06
42 CSS Tutorial For Beginners 42 - Width & Height 6:27 2015-07-09
43 CSS Tutorial For Beginners 43 - Rounded Corners 7:21 2015-07-09
44 CSS Tutorial For Beginners 44 - Backgrounds 9:03 2015-07-12
45 CSS Tutorial For Beginners 45 - Background Shorthand 4:01 2015-07-12
46 CSS Tutorial For Beginners 46 - Multiple Backgrounds 4:59 2015-07-13
47 CSS Tutorial For Beginners 47 - Color 6:29 2015-07-14
48 CSS Tutorial For Beginners 48 - Opacity 7:12 2015-07-15
49 CSS Tutorial For Beginners 49 - CSS Gradients 9:07 2015-07-17
50 CSS Tutorial For Beginners 50 - Box Shadow 4:26 2015-07-18
51 CSS Tutorial For Beginners 51 - Browser Support 6:39 2015-07-21
52 CSS Tutorial For Beginners 52 - CSS Website Build Part 1 9:35 2015-07-21
53 CSS Tutorial For Beginners 53 - CSS Website Build Part 2 8:11 2015-07-22

Embed a badge

Show the watch time in a README or course description — it links back here and updates itself

Watch time: 5h 44m · 53 videos

Markdown
[![Watch time: 5h 44m · 53 videos](https://playlistduration.com/badge/playlist/PL4cUxeGkcC9gQeDH6xYhmO-db2mhoTSrT.svg)](https://playlistduration.com/playlist/PL4cUxeGkcC9gQeDH6xYhmO-db2mhoTSrT)
HTML
<a href="https://playlistduration.com/playlist/PL4cUxeGkcC9gQeDH6xYhmO-db2mhoTSrT"><img src="https://playlistduration.com/badge/playlist/PL4cUxeGkcC9gQeDH6xYhmO-db2mhoTSrT.svg" alt="Watch time: 5h 44m · 53 videos" width="203" height="20"></a>

Add ?speed=1.5 to the image URL for the time at that speed, ?label=Course to change the left text, or ?style=flat-square for square corners.

Want the numbers themselves? GET https://playlistduration.com/api/v1/playlist/PL4cUxeGkcC9gQeDH6xYhmO-db2mhoTSrT returns them as JSON — free, no key. API docs →

Data from the YouTube Data API as of 2026-09-22 (cached). Private or deleted videos are excluded from totals.