Learn CSS in 20 Minutes

🚨 IMPORTANT:
Learn CSS Today Course: courses.webdevsimplified.com/...
In this video we will cover everything you need to know to get up and running with CSS in only 20 minutes. We will cover CSS syntax, how to add CSS to your HTML, CSS colors, CSS units, the box model, and best practices for CSS walking through a full example of CSS being used to style an HTML page. By the end of this video you will know enough about CSS to style any basic web pages in your own projects!
Introduction to HTML Series:
• Introduction to HTML |...
Twitter:
/ devsimplified
GitHub:
github.com/WebDevSimplified
#CSS #WebDevelopment #Programming

[@nayeemrafsan356]

when he said CSS in 20 minutes, he wasn't kidding. He actually wrapped up necessary stuffs within 20 minutes.

[@ganeshr18]

thanks for the update mate!

[@foxjonesofficial]

23:44 exactly

[@GoatZilla]

Faster if you watch it sped up.

[@Vietnamcamping89]

you are talking about the truth

[@siddhartheaswar959]

well he wrapped up necessary things in 23 minutes so yeah

[@mohnasser5828]

You explained it 10 times better than my college proffesor in 15 hours, thanks alot sir.

[@WebDevSimplified]

I'm really glad I could help!

[@hypebeastambeen5099]

true XD

[@GamingTSH]

❤️👉 kzbin.info/www/bejne/op6sqIyCe76Nb7c 👈❤️...

[@friedricedonkey7209]

My highschool teachers pretty good but this video helps.

[@johnrobertelardo9787]

I'm pretty sure he simplified what you learn on that 15 hours from your professor. You kinda need to learn that 15 hours class, before a simplified video starts to make sense.

[@rayansharma]

i have already learnt CSS and i just watched this to see if it is actually good and trust me when i say it really is amazing.This guy actually explained CSS in 20mins and also did so at a good pace and in a good way to understand

[@petereggison]

Many thanks for creating and posting this excellent video. As a 61 year old that is new to coding and looking to develop my skills and create a quality website, this has been a great help to me. Look forward to your future videos. Many thanks, Pete.

[@padraic1983]

At 61 and learning to code? You're awesome! I hope this comment finds you well!

[@medlaminemahdi956]

Respect Sir !!

[@HistoriasDeBajoPresupuesto]

You are a legend sir

[@ofdelossantos]

Did you ever finish your website? I saw you took down your videos too

[@Aha5653ch.]

Cs source

[@WaheedRafiq]

A big massive wow, dyslexic friendly, easy to follow and nice pace to work off in these 20 minutes I learnt CSS can't wait for your next release. well done and thank you.

[@kevinyuri5883]

I want to be a web developer and I happen to stumble to your channel. From all the tutorials out there, yours is by far the best imo. I learned HTML using your previous videos with the creating a band website thing. Tbh, I'm struggling right now to understand CSS and this video, but this is only my 1st day learning CSS since I've just finished your introduction to html videos yesterday and was able to create a webpage of my own using html. Again, I couldn't thank you enough!

[@codelearnry9034]

Wow! this guy should be given a youtube gold play button. I love the way you teach man... Keep it up

[@bennychristensen1784]

You are freaking amazing! You should be praised for all eternity! I´ve watched a few of your videos, and you are so educational. I have been watching alot of other videos on CSS, and NONE have done such a great job of explaining it. Hats off, worship on!

[@jtc9098]

I'm only 3 minutes into this video and I feel like I just found a piece of treasure! I'm learning to code and I've been trying to find material and content that's straight to the point and not overloaded with unnecessary information. Thank you!

[@jessh4016]

Unnecessary information like how to actually use CSS?

[@NotSoFakeTaxi]

@@jessh4016 no, i think he means unnecessary info in the learning process. like just the very basics first. use your head now come on

[@sutorodw]

As a total beginner, this is exactly what I was looking for. It doesn't overwhelm me with too much information.

[@cristacat07]

i've searched for days and all along you were the winner. many blessings to this video x200.

[@RiaLuna1]

check this out, this video is super cool kzbin.info/www/bejne/ZpLJi51nfJV1f6c

[@buddybob5502]

stop@@RiaLuna1

[@GamingTSH]

❤️👉 kzbin.info/www/bejne/op6sqIyCe76Nb7c 👈❤️...

[@boultifnidhal2600]

The attribute ' href ' stands for : hyper reference Hope that helps 😊

[@Martin-pb7ts]

That did help me. I've used it for a while now and never knew what it meant. Thanks!

[@naokimc]

I thought it was HTML reference

[@mevinduperera6640]

HyerTextREFrence. This what is used to take you to the link. A also known as anchor tag is used to start the link to the specified webpage or website.

[@jeschinstad]

@@mevinduperera6640: Or a specific location in the current document.

[@GamingTSH]

❤️👉 kzbin.info/www/bejne/op6sqIyCe76Nb7c 👈❤️...

[@d0fabur5st82]

play this at 2x speed to learn css in 10 minutes

[@kyanleong8014]

Play in 20x to learn css in 1 min

[@hikmatkhan3517]

XD XD XD

[@LightModeContradiction]

@@kyanleong8014 well you cant 20x but yes

[@mrherpes2971]

mind = blown

[@WTFAnyNameWorks]

We got a genius over here 😂😂

[@10760910eugenioyoutu]

I enjoyed and learn a lot. I had read 5 to 7 big CSS professional books, but webdev explains better, lightfast, thank you so much !!

[@M4dAf4ka]

that's bullshit. on every programming tutorials people write the same thing: how the learned in 10 min on youtube more than on the 4 years of college!

[@paungabriel9360]

@@M4dAf4ka Well that's kinda true in my case,but I am not blaming it on the collage,it was more of my fault :)))

[@JustSay_Z]

I mean if you read 5 textbooks and didn’t learn any of this idk what to say lol. Perhaps you just focused so much on the niche information that you couldn’t retain the important information, but I’m certain every one of those textbooks had all of this information.

[@love-hammer]

omg it's the missing piece of the puzzle! I've been reading about CSS for days resolve to an inheritance override/compatibility bug but didn't know about the subtleties of the syntax. I can finally tackle my problem. Thank you!

[@Guy-Zero]

You explained it infinite times better than my professor, since he doesn't want to teach us HTML and CSS and says we should learn it ourselves. That aside: This video was great. Not only did you say what a certain thing does but you also showed us with live server which really help in understanding everything. Thanks!

[@SeanJuan_]

Thanks so much for this! As someone new to coding and working through the free code camp curriculum this and your other videos are so helpful with reviewing what FCC skims over.

[@cooleekova]

I am studying backend programming and sometimes I need to make html page for my project and I struggled a lot with styling. I used all the bad ideas your mentioned, LOL. Now CSS is much more clear for me. Thank you so much for your work!

[@DrUrlf]

This is amazing, currently learning Web development and this genuinely feels like it covers all the necessary basics to start with CSS! Thank you :P

[@PinkBoo]

Your videos are such a great help, thank you so much for your coding tutorials! I am learning/doing my own codes because I wanted to make my website different from preset Wix and Wordpress themes. The rythm and explanations in your videos are great to get to learn essential elements and their uses properly without overloading things, perfect for begginers ! ♥

[@rimjhim5731]

Love you sir, you were on the point and just explained what is necessary- the syntax. It helped a lot. Thank you so much 🤗🤗

[@johnc3403]

A perfect CSS starter tutorial. Well done dude... and thank you.

[@CaptainAlexv]

So helpful! I was struggling with style, and now this helped!

[@gwenaeloppitz3972]

Just great, I love when you come to learn something and you learn it, with a lot of other things you were not expecting to learn. Thank you

[@joefawcett2191]

Short, concise, and easy to follow. Thanks!

[@baehino]

I watched this at the beginning of my CSS portion and close to the end as a refresher. Now that I have dabbled in more CSS, this is even more extremely helpful. Thank you for taking the time and for your soothing voice! Haha

[@oholimoli]

I hate css... as soon as I use some other style sheet, nothing works as expected :(. Adjusting simple things sometimes work with !important ... this "styling language" makes no sense to me

[@passportbro904]

Bro, your saving lives. Thank you, seriously

[@snobby_lobster]

Literally

[@imperator5666]

I learned more about CSS in this 20 minutes, then in my computer science school

[@mmurniece7090]

Just wanted to say thank you! It was really easy to understand and interesting to listen to. Before this video I was soooo confused. You helped me a lot!😄

[@value_investing_indonesia]

THANK YOU SO MUCH i was really confused about margin and padding

[@hstrinzel]

ABSOLUTELY FABULOUS! Best CSS tutorial by far! I should have seen this 5 years ago! Would have saved SO MUCH CONFUSION!

[@franciscomontesgomez2067]

I am amaze with the clarity of your explanations! You just answered doubts I have had since started to study the subject, whose answers I didn´t find anywhere else!

[@amosabutu4156]

This was really helpful and easy to assimilate.. The way you broke it down into pieces and bits makes the concept alot easy.. Thank you for this

[@rahulfrancis2172]

I can't believe this only has 9000 views, you made the information so easy to understand, you broke everything down into the perfect bite sized little boxes. thank you friend

[@WebDevSimplified]

Thank you. I'm really glad the video was able to help.

[@ezpz463]

Happy to see that this video crossed 250k views in just a year! Quality content!

[@GamingTSH]

❤️👉 kzbin.info/www/bejne/op6sqIyCe76Nb7c 👈❤️...

[@sailorpluto04]

You explained selector combinations really well, I had problems with that. I don't anymore. Thank you! :)

[@MichaelThomas-ll1hw]

Dude you did a phenomenal job with this one, thanks a million!

[@khojtv7595]

You are amazing ever i found om youtube pr any other plateform, straightforward to pracitcall work with whole explainaintion, i just started yesterday with your tutorial and now i am taking much interest to be a coder Love u, 💕

[@yishko]

it was clear and really good explained!! you helped me a lot!! thank you!!!

[@padraic1983]

That was a super tutorial. I've got what I need to do with css now. Thanks a trillion.

[@trianglebean3884]

This is so helpful dude you’re a great teacher! So simple!

[@gearsdan]

the selector combinators were the one thing i was confused about in CSS. this helped out a lot

[@gabibi3829]

I watched 10+ hours long on a single CSS tutorial, and though I was able to learn a lot from it, there were still some confusions on my part. This video really helped me a lot to understand some confusing topics for me. Thank you so much!

[@luka2385]

how r u doing now, still remember the CSS?

[@gabibi3829]

@@luka2385 i still remember it but there are times wherein I still need to look up things on google

[@JustSay_Z]

I mean if you’re watching a 10 hour long video there is no chance you’ll retain any of that information, you gotta portion out your learning into digestible pieces.

[@Kauroseta]

You don't need to know the exact syntax, but it's important that you know what this and that function can do...

[@gfodale]

I'm prototyping an add on garage door opener and need to format the page to work with phones. I have rather limited memory to work with. This has given me what I need. Thank you.

[@shalakagaikwad8813]

This video was so full of knowledge. Really well explained! And the way of explaining was so engaging. Thank you very much!

[@ITtutorjack]

I love the live example, this is super helpful. Thank you so much for this video!

[@isobelakrill2039]

This is so useful thankyou

[@FedericoPedemonte]

one of the most clear and coincise explanation of CSS I've seen. Thanks!

[@MUFC_Monte]

Thank you so much for this incredible tutorial on the basics of CSS! Now, the sky is the limit...

[@hauwajgarba5598]

You are the best tutor so far. Your tutorial was soo easy to grab.

[@s0phic]

Thank you so much for your help! Amazing tutorial 👍

[@hexametric]

Very simply explained and easy to understand. Great video for revising fundamentals!

[@suyash.01]

Amazingly brief and to the point! Thanks a ton man!

[@vrlas_shorts]

Bro u have commented everywhere

[@happiness7764]

your explanation is wonderful,easy,smooth . you have summarized everything and yet left no missing ideas. And the most important that you're not boring . WOOW!!!!

[@tymothylim6550]

Thank you very much for this excellent video. The beginning overview was especially helpful for me! :)

[@Jai-xq5hi]

So simple and yet powerful explanation. Thanks for your efforts.

[@latestviralvideos9783]

you are amazing, i have been watching videos without any concepts and left learning , youtube suggested me your videos and now life has before much more easier, More power to you Brother

[@juansegundostrimmer5943]

Wow! Very much appreciated, your tone and the animations were on point and really helpfull also easy to follow and well explained Love from Argentina!!

[@espritcontemplatif7965]

Thank you so much Kyle! Keep it UP, and good luck!

[@kericarpenter87]

Thanks so much! This tutorial was great and easy to follow. Thanks so much!

[@isra_dlg]

EXCELENT VID! Would like to know more about selectors and combining them ! Great wok, dude , keep it up!

[@wei-houang4156]

Thank you, this really helps me as a new newbie to front end and dont know what to start with with react

[@nathanbeebe7604]

That's exactly what I'm working on! A band website!

[@WebDevSimplified]

Perfect!

[@ramkaushik]

kzbin.info/www/bejne/jpjIlWB8pNd5jbc

[@beanzobreezy4583]

This was definitely an essential video, it helped me understand CSS so much more

[@harrybuckley7292]

Hi. Thanks for taking the time to create this video. I am using several WP builders and I am now art the point where I want to know more about the CSS styling. I have also created some email templates in HTML/CSS that are replicas of Word Templates and for this I had to use INLINE CSS so while its not always advisable, sometimes its necessary. I look forwards to your next video. Regards.

[@thomaspham2752]

This is the best introduction to CSS in KZbin!

[@sandrab.8196]

Thank you for explanation, starting learning css month ago and you really helped me not to give up.

[@flanman2084]

thx man, i can finally get a leg up on my school coding class

[@GuitarHope]

Thank you so much for pointing that inline CSS override anything in stylesheet, no matter what. I saw someone using a background image in inline CSS and another image in stylesheet. The inline image lies in the back of the other, but I wasn't sure of what happend. You made my day by stating it out like that.

[@NasdaqSlayer]

Excellent video dude, concise and to the degree needed.

[@rorycawley]

Wonderful video on CSS. Short and to the point. Thank you!

[@MASTRProductions]

Thanks so much. I have been struggling by guessing how to do this for so many years. I should have watched this when you dropped it.

[@josephwaldron6542]

This video was more helpful than any lecture I've been to on css...will go look at some more of your videos Thank you for explaining

[@alexandergrnning7867]

love your content, keep it up man!

[@earthquake69]

By the way, this is an AMAZING companion to a college or online course/boot camp to give you a large overview.

[@MrAndrewhue]

thanks for that, learnt a lot, and really enjoyed it. great instructor

[@notyetforkliftceritified373]

The best syntax explanation ever!

[@juromaru777]

This was an amazing video. I had no knowledge of it at all but I am about to start a class for cloud development and I need to learn this stuff quick. This video really has me feeling good about my upcoming class. I have been coding in python and C++ and C# for such a long time that I have no issues with the coding side of things. I just always avoided HTML and Javascript and everything else that involves them. Thanks for this video.

[@alexandranavarroprada8865]

I am learning CSS course now, just started so im a newbie//and I srated to read the article about CSS..after 2 hours i decided to search a video on youtube instead cause i had no idea what i was reading about.. and this video helped A LOT!! thank you very much!

[@techyysensei]

Aah when you'll get into it totally you'll discover some things by ur own just keep practicing; it's all about ("being at every fkin situation possible");

[@t-gogganz3317]

Extremely valuable info! Thank you!

[@marcelagomez9508]

Your style of teaching is excellent. Good speed of giving directions and adding examples along with the explanation. I'll be using this to make a website for a video game I'm making.

[@WebDevSimplified]

That's great. Good luck with the site.

[@gan1]

@Conspiracy Theorist whats wrong with that

[@GamingTSH]

❤️👉 kzbin.info/www/bejne/op6sqIyCe76Nb7c 👈❤️...

[@fabiomazzei9871]

Excellent class!! Thanks for sharing.

[@fernandog9793]

great explanation, simple but very complete. Thank you

[@brandonb5394]

One of the best resources I’ve come across as a person who is struggling teaching themselves css

[@dylan.scheidle]

I know this video is 4 years old, but just wanted to point out that at 5:00 you have class name "large-heading", but your css selector name is "h1.large-header". Probably not a big deal for most, but i know the translation there might important for some. Amazing video and this is crazy powerful content to provide in 20 minutes. Thanks so much!

[@BadGirl-pn3qu]

Thank you so much! You are a great teacher!

[@sarth_22]

Thank you very much this is so amazing video!! Learned a lot

[@aaronsaunders6974]

Never heard of the term, 'styling language' b4. 🤔Thanx 4 the tip mate!

[@sasinnisar83]

Perfect I was searching for material for my yt live session and this just saved me so much time

[@dhrambo4877]

The part where you explain id attribute vs class attribute was very helpful in conceptualizing css

[@rockfield64returns67]

Thank you, man. This video helped me learn how to use CSS and it also helped me refresh what I have learned about CSS before.

[@jeyhopessprite]

This is literally The Best explanation ever!! Thank you

[@mohlatlegosekhitla2367]

Mate this was really helpful...much appreciated man

[@niameanspurpose]

the "quick n dirty" was excellent. And I learned the diff between a web dev and a web des....wanted to learn about css since im des web sites...so i needed to understand the background noise. I prefer themes and customize the theme...or style the theme..the background noise. Thank you for sharing. ❤️ ohhh. yeah. new subbie.

[@abhayganti8662]

Web Dev Simplified wins! This was an amazing tutorial. Thank a lot.

[@TriNguyenuc-jc3fp]

Thanks for the good work. I was so confused coming here

[@dxboommusic]

This is awesome and I learnt many things from this my friend Thanks a lot ❤❤

[@babedoll915]

Well explained the box-model. Good job!👍

[@mike_vahemoubayed8099]

Thanks this was a really good review for me!

[@mahekjoshi9959]

hey , this is extraordinary..using it for my college assign thanks...love fm INDIA

[@TechleadConsulting]

Very well explained