HTML & CSS Crash Course Tutorial #4 - CSS Basics

[@AkshaySharma-yo4th]

Having gone through your Modern Javascript tutorial in Udemy and your tutorials in youtube, You are probably the best instructor i have come across. Whether one is a beginner or intermediate, your instructions are crystal clear and the amount of quality information is indescribable. On behalf of everyone who have been benefitted from your tutorials, I heartily thank you for your sincere effort to build these tutorials.

[@NetNinja]

Thanks so much Akshay :)

[@leodragonheart754]

What was the difference between the udemy and the youtube? Was it worth buying the Udemy ?

[@BlizzGMX]

@@leodragonheart754 the javascript course on udemy is amazing. He also has videos on vue js 3 and firebase. I will do that course next, but he does have some vue content on YT as well for free.

[@akj3344]

I second that. This is easily the best tutorial channel. His javascript course is something else. I never understood js before visiting this channel.

[@AkshaySharma-yo4th]

@@akj3344 Thanks for your comment. If you are still looking for a JavaScript course, there is a course from Anthony Alicea (JavaScript: understanding the weird parts.) this will give you indepth understanding of the language. I learned from that course and its really good.

[@keyos27]

Wow...after 2 years of css, I did not know about inline elements can only have margins left and right...

[@linux5min]

@@alphonseraynaud976 can happen that he does not use span tags that much... I also didn't know about this, but mainly because last time I studied css was in 2012, and I am mainly a backend developer... I rely on frontenders to make things pretty :P but am willing to learn this now :P

[@amitsingh686]

Same here 😅

[@gotem370]

great for beginners or anyone really, I like how the instructor cuts the BS and tells us what we NEED to know instead of giving us a display of his personal mastery of programming with some overly complicated presentation that you have to work twice as hard to understand(you're going to run into a lot of instructors that teach this way if you're just starting to hack through the mass of learning resources). Great stuff!

[@Moodboard39]

Yea, but there mind is giving to much details. I'm learning from Angela yu from udemy. She pretty good.

[@val71999]

I teach and I somehow got roped into teaching a web development class for middle schoolers. Had absolutely no idea what I was doing, took one look at the lesson plan and almost cried. I have been binging this series and I feel SO much better now! These are so easy to understand. Thank you!

[@NetNinja]

Thanks for sharing Val, that is so awesome to hear, I'm glad this series has been helpful for you :) keep me posted with how the class are doing!

[@miya7525]

i've been coding for a year and i learned so much from this video.. lol

[@silestacio5834]

Markup or styling* HTML and CSS are not a programming language

[@joeygarner1636]

You're a really good teacher. I actually took an online CSS course, the instructor is a university professor with a PHD, and you actually explain things in a way that is much easier to understand. I like how you actually go through the process and show why we need to do certain things. Consider a carrier in education, maybe become a professor yourself. Wold needs good teachers. Cheers!

[@NetNinja]

Thanks Joey :)

[@Nevetssss]

Wow, this is exactly what I needed. Well paced, well explained. The best Tutorials on the web that I've found so far and I've seen a lot of them.

[@NetNinja]

Thanks so much 😀

[@Samsheikh009]

When at the end u said... ok now u lie down and take rest ... i was like yes sir we really needed it,

[@watchanimes9365]

I will say just this , you are the best teacher ever .

[@robbielucas6742]

Not sure if anyone else has mentioned this but I love how you say 'preview' every single time! Prreefyou

[@zigzag4273]

The css display property has always been a challenge for me. But you described the inline and block elements so well that I think I'm good now. Thank you sir.

[@wisjnujudho3152]

incredibly mind boggling. i can't stress enough out of the information flow through my brain. it really is overwhelming for beginner like me, but i dont't think i'd find the equal amount of explanation from other tutorial, maybe i haven't found alot of other similar channel, but i did try udemy. I think i can feel myself becoming a Ninja. By far this is the most comprehensive and detailed core basic html css tutorial to date. update: maybe after finished html css, i will buy your js course on udemy.

[@saatanisreal]

I don't have the money to afford a paid course but I always wanted to learn how to code. I have been thinking about this for years, I tried many videos, but finally, after years I found this guy, and I still can't believe that I am actually learning to write codes. Thank you so much.

[@josephappiah6697]

Though this series is 4 years old and I'm now trying to learn HTML and CSS and I must say, this series has been amazingly helpful. Thank you Ninga, you are the best.

[@NetNinja]

Great to hear! :) thanks for watching

[@vedantkulkarni8237]

I actually found the best HTML/CSS Course on KZbin! This helps me a lot! Thank u so much!

[@NetNinja]

Great to hear Vedant :) have fun!

[@Inconvenient-MRKim]

I spent money on Udemy and bought a shitty course on web development and Angular. But my friend recommended me this channel and I love it. I hope your Angular and React tutorials are as fun as these ones.

[@NetNinja]

So glad you like them! Hope you enjoy the other tuts I have :)

[@strangerinyourchair]

I started with Jonas Stedmann on Udemy for 12 quid. Did about 2 hours and he lost me with margins and padding. This is so much more clear! You got slightly fast at times but overall, this is brilliant. Thanks!

[@VOLTUSBlitz]

Thank you so much for all the work you put into the lesson. I learn more from 1 of your 15-40min vids than 3h sitting in my class.

[@visiongroove]

The way you teach this is natural genius man!

[@simonmekonen5853]

I did another CSS/HTML course on Udemy which was highly praised..... I only learned to copy/paste the same stuff that teacher did with almost NO retention! After doing your Modern JS course, which I love, I went ahead and tried this course... And you did NOT let me down :) Im learning so much from you!

[@annmusicworld4016]

I love you! I'm finally understanding the bugs on my HTML and CSS files. You are the best, very organized and simple method!

[@thexredxjester1984]

This has helped me understand more of the basic stuff that the Coursera fails to place emphasis on. Thank you! how did you get the word wrap on your tags? when I do it just puts it all in one line

[@beekabiro8730]

did you figure it out, i'm currently there and wondering the same thing

[@thexredxjester1984]

@@beekabiro8730 Yanno I have to go back and see, but no I want to say its a setting in the program itself under view, but I just got into the habit of using the arrow keys more.

[@dylive]

GREAT VIDEO!!!! I had zero knowledge of HTML and CSS before watching your videos and now I understand and have enough knowledge for web design and creating forms.

[@Roy-sv6pm]

Best tutorial i have ever seen, my senior friend suggested me ,i will suggest this to my juniors 😁❤️❤️

[@rithvikbhat6860]

Umm.. what should I say, you have completely blown me away with your amazing content. Wish all teachers had similar style like yours. Keep up the great work, absolutely loved your teaching. Learning so much from your tutorials. Thank you. ❤️

[@NetNinja]

Thank you so much 😀

[@aaronjohnson2739]

You are the BOSS. Awesome, Sweet! I love you. I have learned and skilled through out your lessons. Especially "Modern Javascript tutorial in Udemy" Anyone hesitating to take a course about JavaScript, and still surfing and looking for a good Tutorial, don't look around and go Udemy and enroll it. Believe me you never regret!, you will learn ins and out of JavaScript, how to use JS with HTML and CSS with project, none other course are like this, I took many course but I ended up with disappointed. It's not a campaign, "Boss" even don't know me. I want to let you know guys this person is just amazing!!

[@michaelbodeagunbiade7773]

Wow, I have never seen this kind of teacher in the tech industry. I am glad that I accidentally stumbled upon your channel. I had to leave my work to listen to what you had to offer, but I found that it is not easy to let you go without paying much attention to your unbeatable tutorial. I have found a coach, no one else but you - Net Ninja

[@NetNinja]

Welcome aboard! thanks for your kind words Michael :)

[@Robotsausagemusic]

I am currently on a software engineer bootcamp and we are first covering html and CSS and just want to say thank you. You have explained this more simple and straight forward for me to home study a lot easier. Thanks

[@NetNinja]

That's awesome :) you have a great username!

[@Robotsausagemusic]

haha thanks it was a throwback to when i used to produce music. Thanks again@@NetNinja

[@udilong5526]

I remember trying to learn CSS much much harder than this several years ago.. Shaun really make it digestable... Thank You Shaun.

[@Xodiman]

Thank you Shaun! static pink color on your slides made me hypnotized 😵‍💫

[@ARTdeas]

the best Tutorial ever that I've watched, there are times I'm tired studying it in Google but when i watch your video, all my answer is solve, keep up the good work and God Blesss

[@NetNinja]

Thank you so much :)

[@ARTdeas]

@@NetNinja I want to watch all your videos from now, i fell you really care about your audience, thank you for that

[@ZbutwialyPiernik]

Most comprehensive CSS/HTML course i've ever watched, perfect for backend developers.

[@NetNinja]

Thanks so much :)

[@beastarc9414]

YOU'RE THE REAL NINJA FOR TEACHINGGGG!!!! THANKYOU FOR THESE AMAZING CLASSES

[@kingkas1275]

i like the way you teach bro, i am a complete beginner i watch lots of videos but i now found you , you are the best teacher , i am now your student

[@NetNinja]

Thanks and welcome Kas!

[@hejkathi]

thank you so much for this! its so much fun!!!

[@logapriya6383]

You are the best Trainer ever❤ I have learned the full knowledge of HTML and CSS without getting Bored.💖you are the real ninja, bcoz you are helping your followers to get the ability. Love from Tamilnadu,India😍

[@NetNinja]

Wow, thanks for your lovely comment :)

[@ahmedhagrachid9427]

to be honest, you are way better than all my college teachers.

[@karansunar4458]

you are the best of the best... some of the channels are overrated.....thank you for your awesome presentation..

[@doncheeto7796]

Thank you!!! you do a much better job than what I was taught on a $10K coding bootcamp. Such a great teacher.

[@MilanB]

Do you consider making a video about something like a perfect portfolio for getting a job in the industry? What to include, how to present yourself to the employer etc? Btw thanks for an update to HTML and CSS series.

[@naufalfarras1802]

Exactly what i think, i hope shaun read your comment. Up !

[@darkotaku666]

Look for the Joshua Fluke videos it will help you to look what you are asking

[@arwahsapi]

HTML & CSS tutorials are still green market even decades from now

[@alecjohansen]

Thanks to this, I can finally hand in my schoolwork

[@MuhammadAshfaq-ys7hz]

Your teaching methods just I say amazing Unbelievable

[@MuhammadAshfaq-ys7hz]

You explain everything especially padding and margin in beautiful way love you Sir from Pakistan

[@yeeeeetcode]

inline, block and inline block declaration's explanations just blew my mind.

[@t.j9295]

Best instructor out there!!

[@TimVerdouw-itmobilesupport]

Thanks, I have learnt so much from your videos. Your ability to convey technical information in an easy to understand format show that your a really good teacher. Thanks again.

[@MuhammadShahryar]

I absolutely cannot thank you enough - Your teaching style is so good - I learned so much from your videos.

[@NetNinja]

Wow, thank you! :)

[@E0403719]

You are amazing. Thank you so much for providing all this free help to students.

[@E0403719]

You are the best coding instructor on youtube. You explain and make it so fun to learn. Do you have any pages where we can give money to support your work?

[@NetNinja]

Hey, really appreciate that :) if you do want to support what we do, then you can always purchase a Masterclass course not available on KZbin over at NetNinja.dev - but again, totally your call! Thank you so much for watching and taking time out to comment!

[@lies4212]

Sir, I would like to say that you literely the best teacher, You made me more excited and energetic to learn more and more. Thanks

[@ernesto8273]

I love how you make reference to googling

[@gw6380]

I am from China, thank for your videos ♥, I get some new things even I have learned some basics before.

[@royalqueenseeds124]

This is one of the best and quick learning class I have ever had, thanks guys!

[@yinonb172]

Best HTML & CSS Tutorial, explanations are greats and brights.

[@CaliFreek63]

Many thanks, you made my PAID college course easier!

[@mk30645]

You are the best teacher .God bless you for this. You are awesome.

[@str8gamer964]

Spend a few days learning this section !

[@InfoTrickyOfficial]

You are Always great teacher for me.Stay bless❤️❤️

[@antragupta7831]

You're amazing !! .. you make all the things just so easy to understand .. , it would be great if you teach us programming language upload videos of them too... please upload them too ! , and one more thing .. i like the texture of your voice, you have an amazing voice !

[@rithvikbhat6860]

Exactly 🔥

[@litmus-world374]

hello, a you a web developer

[@MALIKFAHADAZIZ]

i love your work and your efforts May Allah give you real success brother

[@NetNinja]

Thank you so much 😀

[@sudhirrana3240]

Thank you so much! This is just awesome stuff. Simple but detailed. Highly recommended for anyone who is interested from beginner to advanced

[@DejanPavlovic-tu8vj]

Thank you so much Shawn for your videos. Your doing good things and you are helping people around world to change their jobs,to learn and progress in life, better standard for families. You can be proud on your self. I hope ill be able to pass my knowlege and help someone else to learn it,when i learn. God bless you man

[@NetNinja]

Thanks for your very kind comment Dejan :) means a lot!

[@utsavghimiray7137]

the best channel and the most underrated also :(

[@dineshbhonsle6524]

amazing way to learn!! thanks for making this so simple

[@halo_glow]

Man, you're an amazing teacher! Good material, thanks for videos

[@NetNinja]

Thanks Pavlo :)

[@MosaddakHelwani]

wow many thanks for you! I really like your workflow and the practical examples, I'm a graphic designer and usually used to do some basic web-designs throughout my work and I got a help of ChatGPT. but I couldn't understand the code in case I need some modifications now everything is clear to me. moreover, I can design a basic Html page from scratch that something cool! many thanks

[@NetNinja]

Great to hear that Mosaddak! :) I'm glad it was helpful

[@olive3024]

thank you, it's great, and it's free! wonderful.

[@NetNinja]

Thanks Olive!

[@jochoniahnzomo5937]

Awesome presentation, very clear to understand. Thank you Ninja

[@_daveb_]

Awesome series mate - much appreciated!

[@Tenly2009]

I’ve saved 7 minutes so far by fast-forwarding twice every time you start to say “You don’t have to remember this” - and I’ve saved another 5+ minutes by jumping ahead every time you make up a scenario in which one might want to use one of the style elements. When you’re actually describing/demonstrating what the elements do, you do a really good job of it. I just personally wish I could get a tutorial without all the “fluff”. This is the closest I’ve found so far - and it’s fine as long as I remain vigilante and ready to double-tap the screen to skip forward 15 seconds.

[@bjstutorials4381]

Really Big fan of you from Hyderbad -India

[@PhilipRice]

Excellent tutorials - clear and unambiguous!

[@Jagrav-e7o]

Super explanation 🔥🔥👍👍

[@NetNinja]

Thanks! glad it was helpful :)

[@MrDawg-ol5pc]

Thank you for the videos!! That’s my learning style 👍🏼

[@emantsrifemantsal2834]

margin top margin bottom, margin-bu dear shawn, i thank you!

[@thekid6278]

Thank you so much, these are well explained and comprehensive.

[@TheHondaboy37]

Sir, you are awesome! Thank you and keep up the good work!

[@vibhor3049]

Thanks for this detailed vid, enjoyed a lot, learned a lot.

[@badarhnr4142]

bro u motivate me to keep learn more and more

[@KalyaniTalks]

Thanks you are best make more videos on js plz

[@remaztoti2587]

thank you so much for helping us with the course ur explanation is very good thank

[@elkeropegasus1047]

You're a great teacher! Keep it up! I have one question though, what is the use of margins and paddings?

[@elpontador9826]

This explains them well medium.com/frontendshortcut/margin-vs-padding-c1fc8ea8bfaf

[@elkeropegasus1047]

@@elpontador9826 Thanks :)

[@angeleskidragan]

Thank you for this amazing helpful videos!!!

[@Mr_wolf162]

❤👍

[@kirill632]

i think that using the word "collapse" to describe inline elements' vertical paddings behaviour is a bit misleading. they are just being ignored by other elements, not collapse - in your own example padding on was ignored by the preceding . and later when two span's paddings meet they do not "collapse", just overlap.

[@flifluflofli]

I love the fact you call The Ninja.. cause you Talk as fast as a Ninja Move as a Ninja, code as a ninja and Kill it All as a Ninja hahaha ;) ;) well done thanks for informative videos :)

[@alyonachmil9781]

Extremely useful and understandable. Thank you.

[@litmus-world374]

hello

[@colleenvarlow8764]

excellent. finally got link to work. Had the about page in wrong area

[@tobbanimations4599]

This helped me a lot! Thank you :D

[@MineldoAlbania]

dude you have some binds or something example when i do this: h1 {} it adds the { together and i need to delete one manually and go to the other line myself and put the closing }..u did it automaticlly somehow..can you teach us how to do that? And one more thing how do you make auto save in visual studio? as soon as u type a command ,google automaticlly detects it.

[@RadeonVector]

theBestEver🙌

[@Ken_710]

Arigato Ninja Sensei 🤝

[@sahas01]

Thanks for this series sir. Highly appreciate your content. #Quarantineandchill.

[@tihomirtodorov8113]

Good tutorials buddy, keep it up!

[@wernerA]

The tag could be placed anywhere in the page?! So for example it could also be inserted in a Wordpress post via the text / html editor, where I don't have access to the head section of the page?

[@shervangh9660]

you are best ninja

[@andythedishwasher1117]

So I'm dealing with a really weird issue. When I create the styles.css file and link it to my index.html with exactly the code mentioned, it won't assign the color properties. My css file is in the same working directory as the index.html file, the filenames are all spelled correctly and match, and I also tried specifying the full file path for the css file in the href property, but none of these things turned out to be the problem. I'm pretty stumped.

[@javiliyo69]

best crash course

[@elsamebrahtu9180]

Amazing video. Thanks a lot!