CSS Crash Course For Absolute Beginners

4,429,115
0
Published 2017-07-19
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!)
www.traversymedia.com/modern-html-css-from-the-beg…
👇 Udemy Version:
udemy.com/modern-html-css-from-the-beginning

CODE: Code for this video
www.traversymedia.com/downloads/csscrashcourse.zip

HTML CRASH COURSE VIDEO:
   • HTML Crash Course For Absolute Beginners  

BECOME A PATRON: Support me directly for even $1 per month
www.patreon.com/traversymedia
ONE TIME DONATIONS:
www.paypal.me/traversymedia

FOLLOW TRAVERSY MEDIA:
www.facebook.com/traversymedia
www.twitter.com/traversymedia
www.instagram.com/traversymedia

All Comments (21)
  • @user-xz2ld2gp3y
    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)
  • @soffi2719
    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
  • @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!
  • I can't thank you enough for the sheer amount of free quality content that you have produced.
  • @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.
  • @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!
  • @TraversyMedia
    I will be working on an "Advanced CSS3" course with things like transitions/animations/keyframes. This like the title says is for absolute beginners.
  • @akairink2170
    Me: Oh it is a one hour video, is not that much time. *it took me 5 hours to watch a 1 hour video.
  • 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!!!!
  • 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.
  • @Ziirf
    35:05 "let's make it say Goodbye world" It suddenly got very dark.
  • 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.
  • 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)
  • @aperezvoyages
    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
  • @pakuman5358
    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.