Learn CSS in 20 Minutes

Подписаться 1,6 млн

Просмотров 1,8 млн

50% 1

🚨 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

Опубликовано:

17 май 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 811

@nayeemrafsan356 3 года назад

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

@ganeshr18 3 года назад

thanks for the update mate!

@foxjonesofficial 3 года назад

23:44 exactly

@GoatZilla 3 года назад

Faster if you watch it sped up.

@Vietnamcamping89 3 года назад

you are talking about the truth

@siddhartheaswar959 2 года назад

well he wrapped up necessary things in 23 minutes so yeah

@mohnasser5828 4 года назад

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

@WebDevSimplified 4 года назад

I'm really glad I could help!

@hypebeastambeen5099 4 года назад

true XD

@GamingTSH 2 года назад

❤️👉 ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-lmIwYLFYZ9U.html 👈❤️...

@friedricedonkey7209 2 года назад

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.

@d0fabur5st82 2 года назад

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

@kyanleong8014 2 года назад

Play in 20x to learn css in 1 min

@hikmatkhan3517 2 года назад

XD XD XD

@LightModeContradiction 2 года назад

@@kyanleong8014 well you cant 20x but yes

@mrherpes2971 2 года назад

mind = blown

@WTFAnyNameWorks 2 года назад

We got a genius over here 😂😂

@rayansharma 9 месяцев назад

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

@kevinyuri5883 3 года назад

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!

@petereggison 3 года назад

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. 5 месяцев назад

Cs source

@boultifnidhal2600 4 года назад

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

@Martin-pb7ts 4 года назад

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

@naokimc 3 года назад

I thought it was HTML reference

@mevinduperera6640 3 года назад

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 2 года назад

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

@GamingTSH 2 года назад

❤️👉 ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-lmIwYLFYZ9U.html 👈❤️...

@WaheedRafiq 3 года назад

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.

@cristacat07 4 года назад

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

@RiaLuna1 4 года назад

check this out, this video is super cool ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-0afZj1G0BIE.html

@buddybob5502 4 года назад

stop@@RiaLuna1

@GamingTSH 2 года назад

❤️👉 ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-lmIwYLFYZ9U.html 👈❤️...

@codelearnry9034 4 года назад

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

@sutorodw Год назад

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

@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 8 месяцев назад

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

@bennychristensen1784 4 года назад

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!

@10760910eugenioyoutu 4 года назад

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.

@imperator5666 3 года назад

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

@love-hammer 4 года назад

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!

@joefawcett2191 2 года назад

Short, concise, and easy to follow. Thanks!

@gwenaeloppitz3972 4 года назад

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

@PinkBoo 3 года назад

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

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

@CaptainAlexv Год назад

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

@Guy-Zero 2 года назад

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_ 2 года назад

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.

@DrUrlf 2 года назад

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

@johnc3403 4 года назад

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

@rimjhim5731 2 года назад

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

@value_investing_indonesia 3 года назад

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

@baehino 2 года назад

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 10 месяцев назад

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

@gearsdan 2 года назад

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

@nathanbeebe7604 5 лет назад

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

@WebDevSimplified 5 лет назад

Perfect!

@ramkaushik 2 года назад

ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-Xged-ForFWU.html

@sailorpluto04 2 года назад

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

@trianglebean3884 2 года назад

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

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

@FedericoPedemonte 2 года назад

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

@mmurniece7090 2 года назад

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!😄

@MichaelThomas-ll1hw 3 года назад

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

@hstrinzel 3 месяца назад

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

@gfodale 3 года назад

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.

@rahulfrancis2172 5 лет назад

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 5 лет назад

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

@ezpz463 3 года назад

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

@GamingTSH 2 года назад

❤️👉 ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-lmIwYLFYZ9U.html 👈❤️...

@gabibi3829 3 года назад

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 11 месяцев назад

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

@GuitarHope 2 года назад

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.

@yishko 3 года назад

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

@amosabutu4156 11 месяцев назад

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

@suyash.01 3 года назад

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

@vrlas_shorts 2 года назад

Bro u have commented everywhere

@ITtutorjack 4 месяца назад

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

@rorycawley 4 года назад

Wonderful video on CSS. Short and to the point. 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!

@s0phic 4 года назад

Thank you so much for your help! Amazing tutorial 👍

@hauwajgarba5598 4 года назад

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

@espritcontemplatif7965 Год назад

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

@thomaspham2752 2 года назад

This is the best introduction to CSS in RU-vid!

@happiness7764 7 месяцев назад

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

@hexametric 5 месяцев назад

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

@padraic1983 Год назад

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

@passportbro904 2 года назад

Bro, your saving lives. Thank you, seriously

@snobby_lobster 2 года назад

Literally

@isobelakrill2039 2 года назад

This is so useful thankyou

@kericarpenter87 3 года назад

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

@Jai-xq5hi 2 года назад

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

@earthquake69 3 года назад

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

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

@tymothylim6550 3 года назад

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

@NasdaqSlayer 2 года назад

Excellent video dude, concise and to the degree needed.

@wei-houang4156 Год назад

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

@isra_dlg 2 года назад

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

@MUFC_Monte 2 года назад

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

@flanman2084 3 года назад

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

@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

@beanzobreezy4583 2 года назад

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

@fernandog9793 9 месяцев назад

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

@alexandranavarroprada8865 11 месяцев назад

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 11 месяцев назад

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

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

@mohansuri2683 Год назад

Love this. You have given a very good grasp of basics :)

@khojtv7595 3 года назад

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, 💕

@jeyhopessprite 7 месяцев назад

This is literally The Best explanation ever!! Thank you

@babedoll915 Год назад

Well explained the box-model. Good job!👍

@t-gogganz3317 Год назад

Extremely valuable info! Thank you!

@MrAndrewhue 2 года назад

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

@alexandergrnning7867 4 года назад

love your content, keep it up man!

@sarth_22 3 года назад

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

@notyetforkliftceritified373 6 месяцев назад

The best syntax explanation ever!

@BadGirl-pn3qu 2 года назад

Thank you so much! You are a great teacher!

@harrybuckley7292 3 года назад

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.

@Westcoast10 10 месяцев назад

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

@mohitdaga2356 7 месяцев назад

Awesome, crisp and accurate. 👍

@miriamramstudio3982 3 года назад

Just what I needed. Great! Thanks

@snobby_lobster 2 года назад

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

@TriNguyenuc-jc3fp 5 месяцев назад

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

@mike_vahemoubayed8099 3 года назад

Thanks this was a really good review for me!

@sandrab.8196 Год назад

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

@hfe1833 3 года назад

Wow this is the straight forward tutorial and effective

@mohlatlegosekhitla2367 2 года назад

Mate this was really helpful...much appreciated man

@dhrambo4877 2 года назад

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

@sasinnisar83 Месяц назад

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

@MASTRProductions 8 месяцев назад

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.

@pokiishere-sebastian2126 3 года назад

Wow, that’s an excellent explanation! Thanks!

@fabiomazzei9871 2 года назад

Excellent class!! Thanks for sharing.

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