Learn CSS in 20 Minutes
ฝัง
- เผยแพร่เมื่อ 5 พ.ค. 2024
- 🚨 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
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
❤️👉 th-cam.com/video/lmIwYLFYZ9U/w-d-xo.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.
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 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
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!
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.
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
Did you ever finish your website? I saw you took down your videos too
Cs source
As a total beginner, this is exactly what I was looking for. It doesn't overwhelm me with too much information.
Wow! this guy should be given a youtube gold play button. I love the way you teach man... Keep it up
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
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.
❤️👉 th-cam.com/video/lmIwYLFYZ9U/w-d-xo.html 👈❤️...
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!
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 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.
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'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 th-cam.com/video/0afZj1G0BIE/w-d-xo.html
stop@@RiaLuna1
❤️👉 th-cam.com/video/lmIwYLFYZ9U/w-d-xo.html 👈❤️...
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
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!
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.
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
Short, concise, and easy to follow. Thanks!
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 ! ♥
You explained selector combinations really well, I had problems with that. I don't anymore. Thank you! :)
the selector combinators were the one thing i was confused about in CSS. this helped out a lot
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.
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 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!
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!😄
A perfect CSS starter tutorial. Well done dude... and thank you.
Love you sir, you were on the point and just explained what is necessary- the syntax. It helped a lot. Thank you so much 🤗🤗
ABSOLUTELY FABULOUS! Best CSS tutorial by far! I should have seen this 5 years ago! Would have saved SO MUCH CONFUSION!
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!
❤️👉 th-cam.com/video/lmIwYLFYZ9U/w-d-xo.html 👈❤️...
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
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
By the way, this is an AMAZING companion to a college or online course/boot camp to give you a large overview.
one of the most clear and coincise explanation of CSS I've seen. Thanks!
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.
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
This video was so full of knowledge. Really well explained! And the way of explaining was so engaging. Thank you very much!
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
That's exactly what I'm working on! A band website!
Perfect!
th-cam.com/video/Xged-ForFWU/w-d-xo.html
So helpful! I was struggling with style, and now this helped!
Dude you did a phenomenal job with this one, thanks a million!
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 learned more about CSS in this 20 minutes, then in my computer science school
This is so useful thankyou
That was a super tutorial. I've got what I need to do with css now. Thanks a trillion.
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, 💕
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.
Wonderful video on CSS. Short and to the point. Thank you!
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...
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!!!!
Thank you so much for this incredible tutorial on the basics of CSS! Now, the sky is the limit...
Thank you very much for this excellent video. The beginning overview was especially helpful for me! :)
Thank you so much for your help! Amazing tutorial 👍
This is so helpful dude you’re a great teacher! So simple!
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 😂😂😂
I love the live example, this is super helpful. Thank you so much for this video!
thx man, i can finally get a leg up on my school coding class
You are the best tutor so far. Your tutorial was soo easy to grab.
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");
Very simply explained and easy to understand. Great video for revising fundamentals!
One of the best resources I’ve come across as a person who is struggling teaching themselves css
it was clear and really good explained!! you helped me a lot!! thank you!!!
This was definitely an essential video, it helped me understand CSS so much more
Thank you, this really helps me as a new newbie to front end and dont know what to start with with react
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
The part where you explain id attribute vs class attribute was very helpful in conceptualizing css
Thanks so much! This tutorial was great and easy to follow. Thanks so much!
So simple and yet powerful explanation. Thanks for your efforts.
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.
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!!
Very nice video.
Ive been using css for some time now, but never really had any lessions - just self-learned through practice.
Mostly I have just tried, failed, and repeated until Ive got a good enough result, and this video covered some of the knowledge gaps I had around the basics.
Again - great quick tutorial if u have some css knowledge from before :-)
Perfect I was searching for material for my yt live session and this just saved me so much time
I’m not even in school but I’m learning this to help market a new business I’m starting, very informative thank you! 😁
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.
Thank you for explanation, starting learning css month ago and you really helped me not to give up.
loads of content within these 20 minutes. Appreciation!
Game changing. This flexes so hard on all other CSS tutorials without even trying.
This is the best introduction to CSS in TH-cam!
EXCELENT VID! Would like to know more about selectors and combining them ! Great wok, dude , keep it up!
Just came from a Harvard online bootcamp and this was 10 times better explained and in minutes rather than days
Web Dev Simplified wins! This was an amazing tutorial. Thank a lot.
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.
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.
Never heard of the term, 'styling language' b4. 🤔Thanx 4 the tip mate!
Excellent video dude, concise and to the degree needed.
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.
Amazingly brief and to the point! Thanks a ton man!
Bro u have commented everywhere
love your content, keep it up man!
WOW.....I now know how many pixels = em, what rem means and so much more. Thank you Web Dev, a great vid bloke
Love this. You have given a very good grasp of basics :)
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.
excellent content and style of learning, especially for people who just need a refresher
Very well explained
Thanks a lot for the clear explanation for CSS in 20 minutes . . Very useful friend thank you again
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.
Bro, your saving lives. Thank you, seriously
Literally
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.
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.
haha i was personally quite confused upon this point