Learn CSS in 20 Minutes

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

[@sfoxj]

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

[@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

[@trustt_me_bro]

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.

[@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

[@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

[@Aha5653ch.]

Cs source

[@Sand-Viper-Snek]

I am 11 and learning this.

[@Yurimon13]

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!

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

[@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 😂😂

[@codelearnry9034]

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

[@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 👈❤️...

[@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.

[@bud384]

5:17. 5:22, 5:51, 6:05 => combine selectors with specifying the ancestor and the child; 6:29 => * used to set defaults of the web such as font family; 10:51 => the latest selector will override the previous selector; 12:23 => id in classes will make it more specific and will override the unspecific selector 12:29, 12:32, 12:44 => count the number of id in it if the more id the more specific the selector, but if the number of id is equal then go on to the number of classes, if that's also equal then go to the number of elements if that's also equal the latest selector is going to be the one that applied; 14:26 => hexadecimal; 15:55, 16:27, 16:33 => rgb (0-255) - rgba (0 transparent, 1 opaque); 17:23, 17:29 => hsl (hue(0-316) saturation (0%-100%) and lightness(0-100%));

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

[@letmetelluuu]

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");

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

[@21thTek]

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

[@JuSSayZ]

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!

[@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 👈❤️...

[@mmaLyons]

When I saw you explaining positioning I immediately saved it. You’re the one person that actually took time to explain and visualize it .

[@sutorodw]

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

[@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 👈❤️...

[@imperator5666]

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

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

[@PierceSinclair-e5x]

These "... in 20 Minutes" videos are so, so helpful for those of us who've been out of it a year or three, and need a refresher. Thank you!!!

[@cwm8565]

Just came from a Harvard online bootcamp and this was 10 times better explained and in minutes rather than days

[@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

[@eo4wellness]

Originally, I learned HTML back in the pre-GUI days. When CSS came out, I didn't understand the logic of why anyone would want to be so repetitive in creating CSS style sheets when this is so simple in HTML. Now that things need to be "responsive" I can see the need for CSS and am relearning the distinction. I found your video GREAT for applying a basic rule to my "old school" thinking: HTML for 1) Content 2) Override usual styling when rarely needed. Thanks!

[@WebDevSimplified]

I am really glad I could help. CSS is incredibly fun once you get used to the quirkiness of it and was what got me so interested in web development.

[@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

[@JuSSayZ]

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

[@2ndbatchidmvs746]

CSS selectors(3) Element(Tag) Class(Attribute To the element) ID(similar to class); less used in CSS, Only 1 element can have #Id

[@passportbro904]

Bro, your saving lives. Thank you, seriously

[@snobby_lobster]

Literally

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

[@CynthiaOkorie-d4t]

THIS IS ONE OF THE BEST TEAHER IN CSS

[@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 👈❤️...

[@CynthiaOkorie-d4t]

I have never seen anything like this I think this is one of THE BEST CSS TEACHER

[@nathanbeebe7604]

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

[@WebDevSimplified]

Perfect!

[@ramkaushik]

kzbin.info/www/bejne/jpjIlWB8pNd5jbc

[@hstrinzel]

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

[@Levi-iu7hq]

You need to be appreciated a lot coz this one shot is still relevant after 6 yrs

[@snobby_lobster]

Game changing. This flexes so hard on all other CSS tutorials without even trying.

[@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

[@Battleganz]

I wanted to be a web master (not a webmaster) I wanted to make my future with the internet, but I always sucked at web pages. I'm changing that now.

[@despacitodaniel801]

How's it going?

[@bepisman3852]

Good. What’s your website?

[@Battleganz]

@@bepisman3852 Not on the i-net yet. I'm a suck at SEO.

[@bepisman3852]

Lol me too

[@bepisman3852]

I just started learning html and css a few days ago though.

[@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.

[@lakhan2277]

Average teachers are in university with big salary. Best teachers are on youtube, looking for views. God bless you brother

[@axis13]

You saved my life i watched this 1 hour before my html css exam and it worked!😂

[@ivanyosifov2629]

13:15 you can override an inline style by using the !important sledgehammer in you external styles h1{ color: green !important; }

[@setystal]

Html reads up to down. After finishing scaning link tag it will go down and find h1 tag with another style. So i think You're wrong

[@ivanyosifov2629]

@@setystal h1{ color: green !important; } h1{ color: orange; } Believe me, h1 will be green

[@yoelmarquez5029]

AL AMIN !important is above everything even Id

[@GamingTSH]

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

[@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 ! ♥

[@CaptainAlexv]

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

[@earthquake69]

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

[@thomaspham2752]

This is the best introduction to CSS in KZbin!

[@joefawcett2191]

Short, concise, and easy to follow. Thanks!

[@brandonb5394]

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

[@hexametric]

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

[@brotherssisterreaction1177]

gues what my professor explained in 17 hours and you in only 23 minutes that is great job

[@sialeakauola4852]

Im taking notes while watching this and i gotta say, its taken me about half an hour just to get through the first 5 minutes lol. Great video.

[@girlintheworld8433]

Thank you for this content. I watched it twice just to really solidify the concepts.

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

[@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.

[@adityanjsg99]

No doubt you are a pro coder. Condensing 7hr content in 30 mins is what I learnt more than CSS.

[@TheFatHampster]

A great introduction to css to give a good foundation to then start playing 👍

[@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 🤗🤗

[@Westcoast10]

I’m not even in school but I’m learning this to help market a new business I’m starting, very informative thank you! 😁

[@exogendesign4582]

PADDING AND MARGIN ARE MY WEAKNESS. I can work with all other beatification, but aligning stuff is the hardest part in css , and I haven't seen anything in youtube that explains it. Hope you do one. Thanks.

[@queenyusuf5575]

this 20minutes css video is worth it. from this video i have seen a solution to what i have been looking for.

[@johnc3403]

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

[@dansir4102]

I’m trying to make a sliding bar that changes various elements of a photo so people can select the color they’d like to purchase (hue, saturation, lighting, and transparency. I’m using Wordpress and elementor. I’ve been writing code for 1 day. I think instead of making sliders for this task, I’ll try a more simple idea involving an up arrow and down arrow for each of these elements. This video helped a lot.

[@TerribleTom113]

I've been working through the Odin Project, and everything else has been very clear and easy to understand. I've had no issies with the rest of their curriculum. But, for some reason, their CSS module sucks, or at least I couldn't wrap my head around it with the way they taught that one specific module. I feel like I have a much better grasp on it now, thanks to this video. It's weird that the TOP CSS module is the one "bad apple" in an otherwise amazing course.

[@Martin-pb7ts]

Great video. Thanks. As this video is watched internationally you might want to mention sometimes that the "pound sign" is generally referred to as a "hash" or a "hashtag" in other parts of the world. In places like the UK and Europe the "pound sign" represents a currency.

[@hamzaomar3219]

haha i was personally quite confused upon this point

[@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

[@allykazam3268]

Came here to find something to help me fall sleep, ended up learning a lot instead! Thank you!

[@AvinashKumar-fs9ec]

heehe me too whenever want to sleep watch coding videos

[@thegreatsmol]

My teacher refuses to teach me how to do this or that so you are now my teacher and im sure im not alone with this feeling

[@monke0373]

I HAVE BEEN WANTING A SHORT VIDEO THAT CONTAINS KEY CONCEPTS AND I FINALLY FOUND IT

[@kaizen6163]

You taught me in 23 minutes that my teacher couldn't teach me in 200 years!

[@Flyingkittoh]

Amazing thank you so much , I'm working on this little project to learn web development and what I was missing was the use of classes , it was so frustrating wanting to apply a change to one element and the whole page gets ruined 😂😂😂

[@gearsdan]

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

[@likeashitremixit]

Dude I have seen many tutorials on youtube from the other top guys in the industry and by far you are the best at explaining these concepts, love your teaching style, do you have a full stack course?

[@WebDevSimplified]

Thank you! I have a free full stack Nodejs MongoDB course on my KZbin channel you can find in the playlists section of my channel.

[@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

[@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.

[@MUFC_Monte]

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

[@proudhindu57]

Im learning css cause i have sort of css test so . thanks bro for everything.

[@raymondorenda7385]

He knows concentration is a rare commodity!!! I am not sure if I could have had the same head start with a 6 hour tutorial.

[@manzilla2890]

This was so useful to understand why CSS sometimes seems to do its own thing! Thanks.

[@YuliiaKuprii]

Thanks a lot for your video! there were a solid 20 mins. I'm a QA. And the reason why a have an interest to css and related stuff is because I want to know the "underhood" part and to test more precisely and efficiently. + I have my own pet projects which I would like to implement by using html,css,js.

[@padmakarbhosale7385]

Hi yuliia

[@sailorpluto04]

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

[@DinithG1008]

Thanks bro I was suffering to how to css days.now I’m good.

[@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

[@iyedskt8599]

the best one here who can teach u better than teachers

[@celinediaz3668]

15:15 WHAAAAAAAAT???? I didn't know that, I started learning html and css years ago and wanted to get a refresher and it is until now that I learnt that each 2 digits in the hex colors represent R G and B omg I-

[@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

[@Sandypallavihemanth]

Tmr is my exam last movement helping ur video helping very we'll.😊

[@TheLemonLily]

Thank you for showing all these examples and explaining the basic theory that's easy to understand for beginners

[@wei-houang4156]

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

[@Queen_Lizzie]

This was so incredibly helpful! I have to work on CSS for a portfolio for class and I was so nervous about working with CSS but this video was so helpful! Thank you Web Dev Simplified!

[@willysnowman]

Thanks you! I have been fighting with CSS for a while.

[@WebDevSimplified]

You're welcome! I'm glad I could help.

[@kendriip]

I just wanted you to know that you're still helping people in 2021

[@padraic1983]

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

[@MiyingoEmmanuel-p8f]

Thank you for the tutorial it's nice

[@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.

[@nelke.michael]

This was excellent! Thank you for leaving all the KZbin Jingles, breaks, bells, attention kindergarden and for being on point.

[@sareesondemand]

Best Way to Earn money From Wordpress Automation Secrets 100% free full course.also watch this

[@bba4769]

this deserves millions of views

[@suyash.01]

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

[@vrlas_shorts]

Bro u have commented everywhere

[@mahesanau1370]

class syntax in CSS and Html is in : 3:38 id syntax in CSS and Html is in : 4:13

[@Itachibatman]

BEST TO WATCH THIS AFTER CODE WITH HARRY'S CSS TUTORIAL! ( IAM USING THIS VIDEO FOR REVISING)