CSS Crash Course For Absolute Beginners

In this video I will cram as much as possible about CSS. We will be looking at styles, selectors, declarations, etc. We will build a CSS cheat sheet that you can keep as a resource and we will also create a basic website layout. We are using CSS3 but mostly the basics. I will be creating an advanced CSS course with animations, etc. I do have a Flexbox in 20 minutes video as well if you want to learn flexbox.

👇 24+ Hour HTML & CSS Course (Just revamped!)
👇 Udemy Version:

CODE: Code for this video

HTML CRASH COURSE VIDEO:

BECOME A PATRON: Support me directly for even $1 per month
ONE TIME DONATIONS:

FOLLOW TRAVERSY MEDIA:

[xzldgpy]

*Time Stamps*
_Intro_
0:00-0:25 ---- Intro
0:25-2:02 ---- Before We Begin
2:02-2:55 ---- What is CSS?
2:55-3:30 ---- What We Need To Start
3:30-5:33 ---- Creating a CSS file (Sublime)
5:33-7:11 ---- Methods For Adding CSS (mistake at 6:18, meant to say "Internal" not "Inline CSS")
_CSS_
7:11-11:14 ---- Color (all 3 methods)
11:14-13:31---- CSS Selectors
13:31-15:46 ---- Colors in CSS
15:46-20:00 ---- Web Safe Fonts (sizes, weights, and height)
20:00-24:53 ---- Class and Id
24:53-33:00 ---- Box Model, Margin and Padding Shorthand, and Borders
33:00-39:10 ---- Text Formatting Styles (list style 38:34-39:10)
39:10-44:20 ---- Links (images 42:20)
44:20-51:20 ---- Forms (button style 48:30-51:20)
51:20-57:10 ---- Alignment and Floating
57:10-1:03:41 ---- Positioning in CSS
1:03:41-1:06:20 ---- Setting Images As Element Background
1:06:20-1:08:55 ---- Pseudo Classes
1:08:55-1:25:10 ---- Making Own Website (Outro)

[harishbalasubramanian]

I can't thank you enough for the sheer amount of free quality content that you have produced.

[WanderingNasi]

and only 3 hours and 269 lines of css code later I finished the tutorial part of the video.

As a kinesthetic learner I really appreciate videos like this. I came out of a bootcamp and was not confident with my css abilities. Coding along with this video helped me get a grasp on how the different properties work and gave me some good examples on how they're used. Thanks!

[CraigCardimon]

Just wanted to thank you personally for your great "HTML Crash Course for Absolute Beginners" and the "CSS Crash Course for Absolute Beginners." They're both informative and well-produced from an audio/visual perspective. Not all online classes manage to do both, so your work on these is much appreciated.

[TraversyMedia]

I will be working on an "Advanced CSS3" course with things like This like the title says is for absolute beginners.

[soffi]

It feels weird when he apologies for doing an amazing job 🤣. This guy is an absolute gem
!

[BrickwallStudios]

Every html/css tutorial on planet "Hello world uWu"
Traversy Media: *_Goodbye World_*

[ThistleBlue]

Absolute legend for putting this out, no need to ever apologise for going over an hour. Fitting so much information into that space of time is hard and you've done that and more. I've learnt more about CSS from this video than I did in 4 years of University where they had us do an E-Commerce website.

Thank you for making this simple too, I thought CSS was going to be hard, but this has been simple and easy to understand. You rock!

[akairink]

Me: Oh it is a one hour video, is not that much time.
*it took me 5 hours to watch a 1 hour video.

[TraversyMedia]

Small mistake guys, at 6:18 I said "Inline CSS". I meant "Internal"

[theanigrammer]

Not gonna lie, I learned more HTML5 and CSS3 by your tutorials than i have in the last 10 months by random tutorials on youtube. its very easy to understand you and you are very straight forward. Your are an amazing Programmer youtuber and you know how to cram in as much information ass possible in a limited amount of time. Thank you so much Brad!!!!

[PabloHernandez-tfdo]

I am starting a three part coding bootcamp on 12/17/20 and the first part is a web fundamentals course which consists of learning html, css, and javascript. You have everything laid out here for free and I am so grateful that you are this kind to provide quality study material. Thank you from the bottom of my heart.

[ozzyfromspace]

"Goodbye World."
*Damn bro.*

[operationssouthaid]

Thank you, Brad. I'm a 38-year-old guy. I work as a commercial relationship manager, but as a result of this quarantine, I wanted to learn new abilities and decided that programming is a key ability to have in nowadays world. I've been learning Python and now I started with your tutorials on HTML and CSS. So I want to extend my gratitude to people like you who create content for people like me who have no previous knowledge, and wish you the best in this endeavor. Thanks to you and other people who go straight to the point it is easier to learn. (sorry about my grammar, I'm a native Spanish speaker btw)

[modithapiyumal]

I watched this a few years back. And this and the html video were the two videos which made me realize that I could code. I was in a very hopeless situation at the time I first watched it. Now, something other than coding worked out for me, but, I still want to be a self taught software developer. So, I will definitely comment on my success in another video of yours. Thanks Mr. Traversy.

[adewalefaruq]

Still bangs after years! Thanks for this masterpiece

[Ziirf]

35:05 "let's make it say Goodbye world" It suddenly got very dark.

[kazimrahman]

Like your style of : .Teaching { Voice : Clear; Pace: Medium; Explanation:Details; Enjoyed:Happily; } :) Thanks...!!

[Munchopen]

This CSS and the HTML crash course are extremely good. The way you type and explain makes it feel like you are right in there doing and understanding at the same time. Thanks a lot for the videos!

[painprofessor]

Thank you so much Brad. You are an exceptional teacher and communicator. Your have a talent to demystify CSS and make it easily understandable and usable. And you even have Time stamps to make it even more structured and easier to use. Truely a master of your craft. I wish you absolute success in all of your endeavours. I am now a follower and will look for your other courses.