CSS Crash Course For Absolute Beginners 

*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)

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

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

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!

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

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

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!

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.

"Goodbye World." *Damn bro.*

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

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.

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!!!!

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

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)

Who is here in 2024 🙂

Still bangs after years! Thanks for this masterpiece

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

you are making the history, by teaching the mystery

Absolutely great video! I took a step back from Web Development after finishing college for personal reasons and decided to come back. This was the perfect refresher video for me bringing me back to a lot that I remember but some things I forgot! Looking forward to more classes :D

I just found you and this was my second video to go through. I've been trying to learn on my own through different websites that have lessons and challenges you go through to learn. I have found these two videos extremely helpful and I possibly learned more in the two videos I've watched so far than I can retain from all the lessons I've gone through. Now of course some of the info I've learned from the learning I've done before now has helped me understand what you are teaching but I'm more confident I can go through many more of your videos now and become a between developer/programmer than I was before now. I'm really enjoying your videos and how you explain things. Hopefully this can help me work towards changing my career to somehting more sustainable and more importantly enjoyable. Thank you for all of this content.

Literally the best crash course I've ever watched to date. Period.

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

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.

this is like a semester of coding in 1 hour

You are an amazing teacher. You manage to put thing so clearly. You are gifted.

This was probably the best CSS tutorial I have come across

This is the greatest tutorial video to any topic I’ve ever watched. I went through the HTML5 crash course once and was able to sit down and put together an ugly but working website test with just about no real coding experience.

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!

When I finished the HTML 5 tutorial from this guy, I learned so much. I knew I had to come back for CSS!

Laughed along with you when you said "Botter Boddom" 😂😂😂

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.

I know this video is 6 years old but you did a great job on it. I dabbled a bit in html back in the free webpage days of Geocities, Angelfire, etc. trying to get back into it again and ran across this css video. Thanks a million for taking the time to do this.

i am a 12 year old kid and using my dads account on RU-vid , i am preety sure that most of the people watching this video would me much older than me but i am really into coding me and my dad were looking for a good coding video i think this one is the best thankyou sir.

I don't know why i feel relaxed while watching your videos compared to others

You are one of the most honest, hardworking, dedicated youtubers out there. This video and several others have helped me so much. Thank you!

This is the first time that I have found a video that helps me get my head around styling. Using Bootstrap and you have been a godsend, so much so that I purchased one of your courses! Thanks

That website he built in 15 minutes *while explaining* at the end of the video, would take me 3 hours to build. 😂😂

You've thought me more in an hour and a half than every computer lesson I've had this whole year 😨

I'm getting back into web design after a long break from IT contracting with the end goal of becoming a freelancer. I used your videos before and I'm back again. I believe your videos are the best on YT hands down!

This is so helpful. I've been really having a hard time starting my programming journey but your tutorial just made it easier. Thank you so much. This means a lot 👏

Really good video! I watched both this and the HTML Crash Course and they have been very helpful. My only critique is this - please don't apologize for making the videos long :) It is so important to have in-depth videos that really cover stuff and not just short 5-7 minutes that don't connect the dots! Not sure if you have any Wordpress videos but that would also be helpful especially for new developers that may work with that tech as well (even though some don't love WP!)

Amazed by the quality of content and the speed at which being published. Hats off!!

Just discovered your tutorials in Nov of 2020...PLEASE DO NOT APOLOGIZE! You are by far one of the best instructors I have ever watched for Web Development. You explain things clearly and I barely notice when you linger on a subject. You are so damn good and knowledgeable. Thank you! from a #quaratinestudent

Whenever I hear those beats in your video...my mind just switches to developing and coding🤤🙌

Brad, you are a machine! You are such a consistent youtuber! You are posting video after video! I believe you are one of the best youtubers when it comes to web-development channels, and I think that your tutorials are best on YT. Greetings from Poland! Keep up the good (or rather great) work!

This is briliant. I'm currently doing an advanced CSS course and this just helped me to brush up on the basics. Thanks Brad. You're a legend.

I really like your video because it is well-organized, precise and straight-forward, full of key points with no crap. I would search for more advanced courses on your udemy.

I'm writing this comment because I truly enjoyed this video. Despite its age, we all know that everything starts from the basics, and videos like this one are comprehensive and really helped me solve most of my CSS problems. I genuinely enjoyed this video to the fullest, and even after six years, it hasn't become outdated. It thoroughly explains the basic CSS properties. This video was truly enjoyable for me.

took me 2 days to watch and practice while playing the video. my god ! I have learnt a lot. Thank you so much. you nailed it. you deserve a BIG KISS xxxxxx

"Sorry this is taking so long...", no please. Keep going. Thoroughly enjoyed your explanations! Thank you so much for making this.

I don’t care how long the video gets i just love the way you are teaching us we never gets bored about the ways you are teaching us we can watch the full video without skipping any part even if the video is longer than 10 hours we will watch it we just love it♥️

I can't thank you enough for posting this amazing video. Such a great crash course! Probably the best video for CSS3 learning.

Skimming through this video I can already tell that it would be great for anyone that wants to have css stick in their head.

Like I said in my comment on your Foundation video, these tutorials are really helpful. I'm someone who is getting back to web development after several years and they have been helping immensely. CSS isn't easy to teach but you've made it look quite easy and have covered pretty much all the basics. I also how how calmly you talk, very easy to follow. Thank you for your work!

when i say you just saved me from a mental breakdown, i mean it. i just started the odin project and i've ALWAYS struggled with css to the point of being on the verge of crying because of the frustration and re-thinking my life choices but this video helped me a lot!! thank you so much. you're the best.

This one is the most wonderful tutorial of CSS I saw, and I went through several. Thank you Brad!

Hey Brad, I’m a teacher by occupation, but recently decided to get serious about learning web dev. Your videos have been incredibly helpful and inspiring. You have a way about you, my friend. Very clearly passionate about helping people learn, and very comfortable in your expertise - good teacher stock. If I may offer a piece of advice/request: Watching the videos, there are spots where I find myself wondering about your reasons behind certain decisions when coding, or the thinking that goes into it. As a learner who is fairly comfortable with the syntax of HTML and CSS, I could benefit a lot more from you regularly stating explicitly your strategy, or reasons for the decisions you make. More high-level commentary, in addition to the regular discussion of the low-level coding minutiae. As an example that happened to be playing when I paused the video to write this, you showed how to reset the margins and padding for all elements, but then you commented that code out. Why wouldn’t you want that zeroed-out baseline with all elements when you start in on a page? Seems to me you eliminate a lot of potential confusion by doing this. Or is it the case that you do reset when developing, and you wanted to keep elements in default styling for the purposes of this video? Stuff like that. Know what I mean? I know you already do that in the course of demonstrating, but maybe just a friendly reminder to do even more of it. Or maybe you wanna do a video from this perspective. You know, code a site, but as you’re doing it, comment more on various high-level strategic or workflow or convention or best practices considerations and related advice you can offer based on your experience. As I’m writing, I’m realizing I’m kind of asking you to teach the kind of stuff you only get with expertise, but take what you will from this. Maybe it helps your thinking in future videos. Hope I’ve made myself clear. It’s late here. Anyway, love what you do. Best wishes, and keep ‘em coming.

I can’t explain how good this tutorial is! It is by far the best tutorial I have ever seen! I am actually happy it was so long because you didn’t rush anything and cut any corners!

I swear, I have never come across a better crash course.. Thanks a ton bud!!!

Wow! Thanks for making this video. I actually learned HTML by myself in 2018, and was dreading learning CSS, even though I knew it was faster than doing it manually in HTML. I'm glad I came across your video, because I thought it is almost impossible for me to make a website, but it is actually closer to me than I thought.

This goes a lot faster than the basic HTML5 tutorial. I've had to pause. rewind, re-listen, and look up some of the stuff. This definitely got me going in the right direction and I greatly appreciate it. Great video!

You just saved me a semester worth of work with this!

Jumped onto this to reintroduce some fundamentals and it's great. Built the cheat-sheet along with you, so have that to refer too now on later projects. Thanks man!

You speak better English than my professors. You're a life savor!

I love the fact it is all done "live", warts and all. It is very satisfying for the viewer to catch those mistakes just before you correct them!

you're seriously and insanely amazing, thank you sir for all of your hardwork !

Been looking for a course that do not rush through videos, slowly takes the time to explain the information properly and concise. I speak for many when i say thank you for taking the time to create the videos and looking forward for more videos.

This video was very informative, Brad! The flow all through was smooth. At no point did I find the contents overwhelming. Given that I am new to the topic, I had low expectations of what I could gain from this course and I should say that I am walking away with sound understanding of the concepts. CSS is something I no longer have to fear or shy away from. Thanks for making it totally digestible:)

Dude, your 10 minute website template at the end was amazing to behold! I'm gonna become a Patreon soon :) I think I'm gonna consume quite a bit of your content.

So great! Thank you man, i watched many html/css/js tutorials, but almost nobody teachs even in 10 videos, what you taught in 1 hour:) Respect man! Keep doing this! Thank you for all:)

This is so brilliant, amazing, flawless etc etc Thanks for making this one, a quick refresher! Your explanations are straight to the point.

I just love the way you teach web dev...Even though I am going through this for the first time on the day before my exam, I'm understanding the concepts thoroughly. Please do not apologize for teaching us. You have covered almost all concepts that my University offers in the best way, We'll make time for watching the whole video.

LOVE THIS tutorial!!! Thank you for explaining concepts using illustrations such as the box model, before going into the code

Thank you for making things clearly! Honestly one of the best "Lesson Movie".

this is the best video explanation of ccs3 i've seen, other videos start off easy for a few minutes then get right into the hard stuff immediately. i have to recommend this vid to my class

I really liked this video. One of the best tutorials I've seen so far. Long but worth it.

Brad, you're a beast man- teaching people the beginnings of web dev! Are you going for a javascript tutorial next?

Thank you, I know this is pretty old now but it's still fully up to date and just as useful as before! This was how I learned CSS and HTML from your other video

This was EXACTLY what I needed. So well presented. Thank you so much for your time.

CSS is the sassy interior decorator who tells you that you have no flavor and that they're here to save your home's feng shui.

This is really great for starters and career shifters. You're awesome dude!

Probably one of the best videos on CSS thank you

So glad my coding kickstarter course provided this resource. I needed this. You explain things perfectly and most importantly, at a good pace. I am completely new to this. Thank you.

Dude me again! You're making me feel a genius right now. Lol. The way you're bringing it to us is amazing! Nice voice ton, clear back and forth between tags, css and html. Never saw anything like that. Thank you Genius!

Thank you so much for your tutorials. I'm trying to find my way into web development professionally. You've made it so accessible for me and have given me the confidence to pursue my ambitions further.

this guy s sooooooo legit for for absolute begineers nd trust me i was searchin alot nd dis video helped me figure out what html & css is actually about... definetely go for it!!!!

Just from the HTML video and I love it here. Everything is detailed and easy to understand. I have barely moved since I sat down because I am enjoying this too much

Standing ovation! I would say it was just perfectly delivered and precisions content! God bless you Brad!

Thanks so much for all the help! I am currently in school for Computer Programming and this is allowing me to learn ahead of my professors. I am a visual learner and this has made the world of difference for me!

@Brad, this is so good! I have taken a quite a lot of these courses, yours just puts things into perspective in a practical and fun way. I am grateful to you for taking your time to organize this lecture into a logical sequence that is easy to follow and understand. You are simply amazing sir!!!. I just purchased your bootstrap 4 course @udemy to support what you do on this channel.

I have been following your channel for 1year and i must say your teaching skills is amazing.Thank you for sharing your knowledge with us sir. with love from Belgium

I watched these videos before getting an exam where you are required to do a sample website. these helps a lot! thanks man!

I'm relative new to Computer Science and I'm very thankful for your work! Thank you for your inspiration :) I hope more people are following along and also purchasing your courses because I think it helps a lot! Best wishes

There is just too much information here; And I absolutely LOVE it. I'll never look at webpages the same way 😂 Took me just over a week to go through HTML and CSS (much less of the time spent for HTML since I had started it on FreeCodeCamp already) Learned so much. Thank you.

Thanks Brad. Clear, comprehensive and understandable. You are a master at explaining and demonstrating this topic.

Thanks so much man. Can't wait to see some end-to-end projects we can follow along on. I learn heaps watching your vids.

UAU!!! LEARNED SO MUCH IN SO LITTLE TIME! AND U R AMAZING & ...AWESOME!!! LOVED IT!!!

This was amazing. I learnt so much. Thank you for such amazing content.

Awesome stuff! I've been struggling with CSS for years! I never could figure out why stuff didn't want to follow my instructions. Now, after watching this video... I feel like a master!!! Thanx for sharing this!

Your videos are amazing! I have just found them yesterday, as I restarted to work in web developing after many years.