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.
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
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.
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!
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!
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!
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.
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.
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!
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!
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
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!
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!
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.
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%));
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!
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.
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!
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!
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");
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 ! ♥
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.
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!!!!
Your combine selectors section was never mentioned in my web dev class. CSS makes so much more sense now, and I feel like I’ve been wasting time in the kiddy pool when I could have been understanding the complexities I got a bunch of coding classes in a bundle recently and have used them as a refresher and it reminds me how much I loved web dev. I live for priding myself on my work and nothing has given me more pride than thinking through everything and making a beautiful website
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.
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.
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.
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-
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!😄
I have taken CSS classes and watched many videos online about CSS and you explained it by far the best and now I fully get CSS! I was worried web development was so difficult because nobody explained do you load CSS in the file or another or which parts are most important or seeing them in action, but you showed how powerful these tools are and now I feel so much more motivated! Thanks so much! You did an amazing job!
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
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.
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!
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.
when he said CSS in 20 minutes, he wasn't kidding. He actually wrapped up necessary stuffs within 20 minutes.
thanks for the update mate!
23:44 exactly
Faster if you watch it sped up.
you are talking about the truth
well he wrapped up necessary things in 23 minutes so yeah
You explained it 10 times better than my college proffesor in 15 hours, thanks alot sir.
I'm really glad I could help!
true XD
❤️👉 ua-cam.com/video/lmIwYLFYZ9U/v-deo.html 👈❤️...
My highschool teachers pretty good but this video helps.
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.
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
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.
At 61 and learning to code? You're awesome! I hope this comment finds you well!
Respect Sir !!
You are a legend sir
Cs source
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!
play this at 2x speed to learn css in 10 minutes
Play in 20x to learn css in 1 min
XD XD XD
@@kyanleong8014 well you cant 20x but yes
mind = blown
We got a genius over here 😂😂
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!
Unnecessary information like how to actually use CSS?
@@jessh4016 no, i think he means unnecessary info in the learning process. like just the very basics first. use your head now come on
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!
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 !!
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!
@@M4dAf4ka Well that's kinda true in my case,but I am not blaming it on the collage,it was more of my fault :)))
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.
Wow! this guy should be given a youtube gold play button. I love the way you teach man... Keep it up
i've searched for days and all along you were the winner. many blessings to this video x200.
check this out, this video is super cool ua-cam.com/video/0afZj1G0BIE/v-deo.html
stop@@RiaLuna1
❤️👉 ua-cam.com/video/lmIwYLFYZ9U/v-deo.html 👈❤️...
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.
The attribute ' href ' stands for : hyper reference
Hope that helps 😊
That did help me. I've used it for a while now and never knew what it meant. Thanks!
I thought it was HTML reference
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.
@@mevinduperera6640: Or a specific location in the current document.
❤️👉 ua-cam.com/video/lmIwYLFYZ9U/v-deo.html 👈❤️...
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!
I learned more about CSS in this 20 minutes, then in my computer science school
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!
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
Thank you. I'm really glad the video was able to help.
Happy to see that this video crossed 250k views in just a year! Quality content!
❤️👉 ua-cam.com/video/lmIwYLFYZ9U/v-deo.html 👈❤️...
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!
As a total beginner, this is exactly what I was looking for. It doesn't overwhelm me with too much information.
That's exactly what I'm working on! A band website!
Perfect!
ua-cam.com/video/Xged-ForFWU/v-deo.html
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!
how r u doing now, still remember the CSS?
@@luka2385 i still remember it but there are times wherein I still need to look up things on google
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.
You don't need to know the exact syntax, but it's important that you know what this and that function can do...
So helpful! I was struggling with style, and now this helped!
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%));
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!!!
Short, concise, and easy to follow. Thanks!
When I saw you explaining positioning I immediately saved it. You’re the one person that actually took time to explain and visualize it .
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!
Bro, your saving lives. Thank you, seriously
Literally
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.
That's great. Good luck with the site.
@Conspiracy Theorist whats wrong with that
❤️👉 ua-cam.com/video/lmIwYLFYZ9U/v-deo.html 👈❤️...
ABSOLUTELY FABULOUS! Best CSS tutorial by far! I should have seen this 5 years ago! Would have saved SO MUCH CONFUSION!
CSS selectors(3)
Element(Tag)
Class(Attribute To the element)
ID(similar to class); less used in CSS, Only 1 element can have #Id
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!
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.
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!
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");
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 ! ♥
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
THIS IS ONE OF THE BEST TEAHER IN CSS
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.
By the way, this is an AMAZING companion to a college or online course/boot camp to give you a large overview.
Very simply explained and easy to understand. Great video for revising fundamentals!
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.
How's it going?
Good. What’s your website?
@@bepisman3852 Not on the i-net yet. I'm a suck at SEO.
Lol me too
I just started learning html and css a few days ago though.
Love you sir, you were on the point and just explained what is necessary- the syntax. It helped a lot. Thank you so much 🤗🤗
You taught me in 23 minutes that my teacher couldn't teach me in 200 years!
A perfect CSS starter tutorial. Well done dude... and thank you.
I have never seen anything like this I think this is one of THE BEST CSS TEACHER
Thank you so much for this incredible tutorial on the basics of CSS! Now, the sky is the limit...
13:15 you can override an inline style by using the !important sledgehammer in you external styles
h1{
color: green !important;
}
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
@@setystal h1{
color: green !important;
}
h1{
color: orange;
}
Believe me, h1 will be green
AL AMIN !important is above everything even Id
❤️👉 ua-cam.com/video/lmIwYLFYZ9U/v-deo.html 👈❤️...
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
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!!!!
Your combine selectors section was never mentioned in my web dev class. CSS makes so much more sense now, and I feel like I’ve been wasting time in the kiddy pool when I could have been understanding the complexities
I got a bunch of coding classes in a bundle recently and have used them as a refresher and it reminds me how much I loved web dev. I live for priding myself on my work and nothing has given me more pride than thinking through everything and making a beautiful website
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.
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
This is the best introduction to CSS in UA-cam!
Amazingly brief and to the point! Thanks a ton man!
Bro u have commented everywhere
Just came from a Harvard online bootcamp and this was 10 times better explained and in minutes rather than days
Thank you for showing all these examples and explaining the basic theory that's easy to understand for beginners
One of the best resources I’ve come across as a person who is struggling teaching themselves css
Game changing. This flexes so hard on all other CSS tutorials without even trying.
A great introduction to css to give a good foundation to then start playing 👍
You explained selector combinations really well, I had problems with that. I don't anymore. Thank you! :)
Thank you for this content. I watched it twice just to really solidify the concepts.
Came here to find something to help me fall sleep, ended up learning a lot instead! Thank you!
heehe me too whenever want to sleep watch coding videos
This was so useful to understand why CSS sometimes seems to do its own thing! Thanks.
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.
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.
this deserves millions of views
the selector combinators were the one thing i was confused about in CSS. this helped out a lot
Following along with your band page. Can't wait for the CSS videos
Thanks! I cannot wait to start recording them.
I’m not even in school but I’m learning this to help market a new business I’m starting, very informative thank you! 😁
gues what my professor explained in 17 hours and you in only 23 minutes that is great job
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-
Thanks! I actually found this video from Eww documentation and got all the necessary stuff I need
the best one here who can teach u better than teachers
THANK YOU SO MUCH i was really confused about margin and padding
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!😄
I have taken CSS classes and watched many videos online about CSS and you explained it by far the best and now I fully get CSS! I was worried web development was so difficult because nobody explained do you load CSS in the file or another or which parts are most important or seeing them in action, but you showed how powerful these tools are and now I feel so much more motivated! Thanks so much! You did an amazing job!
Learnt something today because of you. Thank you.
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
This is such a great video for getting started with CSS. Thank you so much for taking the time to create and make this for others.
The part where you explain id attribute vs class attribute was very helpful in conceptualizing css
Thank you, this really helps me as a new newbie to front end and dont know what to start with with react
this 20minutes css video is worth it. from this video i have seen a solution to what i have been looking for.
Thanks man u're the best👍
I wanted to learn css bcz i am very bad at positioning elements like keeping it at center , or in a column mainly , its very confusing
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
This is so helpful dude you’re a great teacher! So simple!
Thanks you! I have been fighting with CSS for a while.
You're welcome! I'm glad I could help.
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.
That was a super tutorial. I've got what I need to do with css now. Thanks a trillion.
Finally! Something that's not an hour long!
BEST TO WATCH THIS AFTER CODE WITH HARRY'S CSS TUTORIAL! ( IAM USING THIS VIDEO FOR REVISING)
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!
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.
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
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.
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.
Im learning css cause i have sort of css test so . thanks bro for everything.
Never heard of the term, 'styling language' b4. 🤔Thanx 4 the tip mate!
Thank you
The best syntax explanation ever!
I love the live example, this is super helpful. Thank you so much for this video!