Web Dev Roadmap for Beginners (Free!): https://bit.ly/DaveGrayWebDevRoadmap

This CSS Full Course for Beginners is an all-in-one beginner tutorial and
complete course full of over 11 hours of CSS code and instruction to level
up your web development skills. This course teaches CSS3. Think of this CSS full course tutorial as a CSS3 video textbook with 24 clearly defined chapters.

💖 Support me on Patreon ➜ https://patreon.com/davegray

⭐ Become a full-stack web dev with Zero To Mastery Courses:
– The Complete Web Developer: https://bit.ly/WebDevMaster
– The Complete Web Designer: https://bit.ly/CompWebDesign
– Junior to Senior Dev Roadmap: https://bit.ly/WebDevRoadmap-JrtoSr

🚩 Subscribe ➜ https://bit.ly/3nGHmNn

📬 Course Updates ➜ https://courses.davegray.codes/

🚀 Discord ➜ https://discord.gg/neKghyefqh

☕ Buy Me A Coffee ➜ https://www.buymeacoffee.com/davegray

👇 Follow Me On Social Media:
Github: https://github.com/gitdagray
Twitter: https://twitter.com/yesdavidgray
LinkedIn: https://www.linkedin.com/in/davidagray/

❗ During the tutorial I mention several resources to be provided “in the description below” including links to source code for the various chapters. I have put all of these resource links in one GitHub repository.

🔗 All Resources for this CSS Tutorial Series: https://github.com/gitdagray/css_course

CSS Full Course for Beginners:

(0:00:00) Intro
(0:00:41) Chapter 1: Start Here
(0:14:23) Chapter 2: Selectors
(0:34:14) Chapter 3: Colors
(0:50:46) Chapter 4: Units & Sizes
(1:11:29) Chapter 5: Box Model
(1:36:41) Chapter 6: Typography
(2:00:02) Chapter 7: Styling Links
(2:16:10) Chapter 8: List Styles
(2:32:04) Chapter 9: Mini Project
(2:44:37) Chapter 10: Display
(2:59:54) Chapter 11: Floats
(3:12:19) Chapter 12: Columns
(3:34:03) Chapter 13: Position
(3:57:26) Chapter 14: Flexbox
(4:21:12) Chapter 15: Grid Layout
(4:46:06) Chapter 16: Images
(5:32:13) Chapter 17: Media Queries
(5:58:32) Chapter 18: Card Project
(6:32:54) Chapter 19: Pseudo
(6:52:29) Chapter 20: Variables
(7:20:01) Chapter 21: Functions
(7:49:38) Chapter 22: Animations
(8:37:06) Chapter 23: Organization
(8:56:56) Chapter 24: Final Project

👀 Visual Studio Code: https://code.visualstudio.com/

Was this CSS full course with 11 hours of instruction helpful? If so, please share. Let me know your thoughts in the comments.

#css #full #course

source

47 Comments

  20. I absolutely love your videos!! It was challenging but I stayed smiling every time I finally understood something and pushed through to absorb every bit of information, now I am confident in my web dev journey. This is not an easy language to learn, but you've made it so much more understandable. After three weeks of going through with this course I am amazed at how much I've learned! I feel proud of myself for putting in the work and creating something I never thought I would or could. Thank you so much for your free lessons, now off to JavaScript!

  22. I think you are the most precise, dedicated, professional teacher concerning programming, in the whole youtube.I struggled to learn css html and js/react through Coursera (not a bad course though), but you are on a different level. Simply, fantastic teacher (and great human being, I guess). thank you so much mr. Dave Gray.

  28. Love your content sir. I highly appreciate the content you put out. On 2:34:34 you have mentioned body margin as 0.5rem but at the CSS reset we have set margin as 0. So, assuming that the margin of root element has been set to 0, how will 0.5 rem adjust the margin of body?

  32. great course, I am on 17 of the 25 lessons. moving along at my own pace when I get time and even do a little side project ( CSS/JS/HTML calculator in few hours) granted chatGPT will write one that is functional not as pretty in 12 seconds, but you learn nothing then.

    i decided to take this course after taking your Python one
    https://youtu.be/H2EJuAcrZYU

  35. Thank you for such detailed and extensive css tutorial, as i was watching the tutorial i realized there are a lot of stuff about CSS i miss out, a lot of those thoughts were like "why didn't i think of that.. wow.. cool.. " and i was like literally figuring and understanding things.. smiling throughout the entire video 🙂 I'm having difficulty understanding the CSS.. it is such a challenge (for me, colors/design and art stuff its really subjective, i'm into result oriented.. even the html only page would suffice for me haha 🙂 ..now its reoriented towards CSS ). Love and respect 🙂

  37. I have really appreciated your courses, your explanation is os vivid, thanks to you, I have mastered a lot of thing about css and html. I have some challenges about grid-template-areas and function clamp.

  39. ok the taco for the logo is now on every html page that I launch into the browser and its on old html pages as well in VSC. None of them have a favicon, and yet I have the taco as one in my browser window. Idk what happened I have deleted the little taco shop, even went into all my images to make sure it was gone. Then I deleted the entire folder that contained all the files I created from freecodecamp. It is still there. Is there anyone who I can talk to about getting rid of the Taco favicon…. Please help me …. BTW I appreciate everything you have taught me. Stay awesome !!!

  40. Even though i follow along with Dave in all lessons, I am not able to get over the CSS Background images part. I completed the CSS froogy and the GridBox challenges but these things appear a little unclear now. I will have to revisit these videos before attempting the Responsive Card design. I'd like to do it by referring my CSS exercise files. Wish me luck please

Leave A Reply

Please enter your comment!
Please enter your name here