HTML & CSS Crash Course Tutorial #4 - CSS Basics

  Рет қаралды 305,898

Net Ninja

Net Ninja

5 жыл бұрын

Hey gang, in this CSS tutorial for beginners we'll have a look at the basic syntax of CSS and how we can use it to make our web pages look better.
Web safe fonts - www.w3schools.com/cssref/css_...
----------------------------------------
🐱‍💻 🐱‍💻 Course Links:
+ VS Code download - code.visualstudio.com/
🐱‍💻 🐱‍💻 Other Related Courses:
+ Modern JavaScript Tutorial - www.thenetninja.co.uk/udemy/m...

Пікірлер: 245
@keyos27
@keyos27 5 жыл бұрын
Wow...after 2 years of css, I did not know about inline elements can only have margins left and right...
@linux5min
@linux5min 4 жыл бұрын
@@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
@amitsingh686 3 жыл бұрын
Same here 😅
@AkshaySharma-yo4th
@AkshaySharma-yo4th 4 жыл бұрын
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
@NetNinja 4 жыл бұрын
Thanks so much Akshay :)
@leodragonheart754
@leodragonheart754 3 жыл бұрын
What was the difference between the udemy and the youtube? Was it worth buying the Udemy ?
@BlizzGMX
@BlizzGMX 2 жыл бұрын
@@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
@akj3344 2 жыл бұрын
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
@AkshaySharma-yo4th 2 жыл бұрын
@@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.
@miya7525
@miya7525 4 жыл бұрын
i've been coding for a year and i learned so much from this video.. lol
@silestacio5834
@silestacio5834 4 жыл бұрын
Markup or styling* HTML and CSS are not a programming language
@val71999
@val71999 2 жыл бұрын
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
@NetNinja 2 жыл бұрын
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!
@gotem370
@gotem370 3 жыл бұрын
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
@Moodboard39 Жыл бұрын
Yea, but there mind is giving to much details. I'm learning from Angela yu from udemy. She pretty good.
@joeygarner1636
@joeygarner1636 4 жыл бұрын
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
@NetNinja 4 жыл бұрын
Thanks Joey :)
@Samsheikh009
@Samsheikh009 4 жыл бұрын
When at the end u said... ok now u lie down and take rest ... i was like yes sir we really needed it,
@Nevetssss
@Nevetssss 5 жыл бұрын
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
@NetNinja 5 жыл бұрын
Thanks so much 😀
@watson494
@watson494 4 жыл бұрын
Man, just wow! You are an amazing teacher, I have learn it in such a flow that I didn't feel tired and I could absorb a lot of information. Keep the good work!
@zigzag4273
@zigzag4273 4 жыл бұрын
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.
@annmusicworld4016
@annmusicworld4016 4 жыл бұрын
I love you! I'm finally understanding the bugs on my HTML and CSS files. You are the best, very organized and simple method!
@watchanimes9365
@watchanimes9365 Жыл бұрын
I will say just this , you are the best teacher ever .
@VOLTUSBlitz
@VOLTUSBlitz 3 жыл бұрын
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.
@robbielucas6742
@robbielucas6742 3 жыл бұрын
Not sure if anyone else has mentioned this but I love how you say 'preview' every single time! Prreefyou
@wisjnujudho3152
@wisjnujudho3152 3 жыл бұрын
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
@saatanisreal 2 жыл бұрын
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.
@dylive
@dylive 4 жыл бұрын
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.
@udilong5526
@udilong5526 3 жыл бұрын
I remember trying to learn CSS much much harder than this several years ago.. Shaun really make it digestable... Thank You Shaun.
@strangerinyourchair
@strangerinyourchair 4 жыл бұрын
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!
@royalqueenseeds124
@royalqueenseeds124 3 жыл бұрын
This is one of the best and quick learning class I have ever had, thanks guys!
@rithvikbhat6860
@rithvikbhat6860 3 жыл бұрын
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
@NetNinja 3 жыл бұрын
Thank you so much 😀
@visiongroove
@visiongroove 3 жыл бұрын
The way you teach this is natural genius man!
@GamerStudio3
@GamerStudio3 3 жыл бұрын
Thanks for putting your time and effort into teaching me html and css. I watched many tutorials but yours are the best.
@MilanB
@MilanB 5 жыл бұрын
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
@naufalfarras1802 5 жыл бұрын
Exactly what i think, i hope shaun read your comment. Up !
@darkotaku666
@darkotaku666 5 жыл бұрын
Look for the Joshua Fluke videos it will help you to look what you are asking
@simonmekonen5853
@simonmekonen5853 2 жыл бұрын
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!
@hejkathi
@hejkathi Жыл бұрын
thank you so much for this! its so much fun!!!
@aaronjohnson2739
@aaronjohnson2739 3 жыл бұрын
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!!
@sudhirrana3240
@sudhirrana3240 4 жыл бұрын
Thank you so much! This is just awesome stuff. Simple but detailed. Highly recommended for anyone who is interested from beginner to advanced
@vedantkulkarni8237
@vedantkulkarni8237 Жыл бұрын
I actually found the best HTML/CSS Course on KZfaq! This helps me a lot! Thank u so much!
@NetNinja
@NetNinja Жыл бұрын
Great to hear Vedant :) have fun!
@josephappiah6697
@josephappiah6697 5 ай бұрын
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
@NetNinja 5 ай бұрын
Great to hear! :) thanks for watching
@TimVerdouw-itmobilesupport
@TimVerdouw-itmobilesupport 2 жыл бұрын
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.
@Inconvenient-MRKim
@Inconvenient-MRKim 5 жыл бұрын
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
@NetNinja 4 жыл бұрын
So glad you like them! Hope you enjoy the other tuts I have :)
@_daveb_
@_daveb_ 4 жыл бұрын
Awesome series mate - much appreciated!
@mohammadhoseinkhodnama7388
@mohammadhoseinkhodnama7388 Жыл бұрын
Thank you Shaun! static pink color on your slides made me hypnotized 😵‍💫
@doncheeto7796
@doncheeto7796 Жыл бұрын
Thank you!!! you do a much better job than what I was taught on a $10K coding bootcamp. Such a great teacher.
@Roy-sv6pm
@Roy-sv6pm 3 жыл бұрын
Best tutorial i have ever seen, my senior friend suggested me ,i will suggest this to my juniors 😁❤️❤️
@beastarc9414
@beastarc9414 Жыл бұрын
YOU'RE THE REAL NINJA FOR TEACHINGGGG!!!! THANKYOU FOR THESE AMAZING CLASSES
@E0403719
@E0403719 2 ай бұрын
You are amazing. Thank you so much for providing all this free help to students.
@MuhammadAshfaq-ys7hz
@MuhammadAshfaq-ys7hz Жыл бұрын
You explain everything especially padding and margin in beautiful way love you Sir from Pakistan
@lies4212
@lies4212 2 жыл бұрын
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
@MuhammadShahryar
@MuhammadShahryar 2 жыл бұрын
I absolutely cannot thank you enough - Your teaching style is so good - I learned so much from your videos.
@NetNinja
@NetNinja 2 жыл бұрын
Wow, thank you! :)
@ARTdeas
@ARTdeas 4 жыл бұрын
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
@NetNinja 4 жыл бұрын
Thank you so much :)
@ARTdeas
@ARTdeas 4 жыл бұрын
@@NetNinja I want to watch all your videos from now, i fell you really care about your audience, thank you for that
@MuhammadAshfaq-ys7hz
@MuhammadAshfaq-ys7hz Жыл бұрын
Your teaching methods just I say amazing Unbelievable
@halo_glow
@halo_glow 4 жыл бұрын
Man, you're an amazing teacher! Good material, thanks for videos
@NetNinja
@NetNinja 4 жыл бұрын
Thanks Pavlo :)
@Robotsausagemusic
@Robotsausagemusic 11 ай бұрын
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
@NetNinja 11 ай бұрын
That's awesome :) you have a great username!
@Robotsausagemusic
@Robotsausagemusic 11 ай бұрын
haha thanks it was a throwback to when i used to produce music. Thanks again@@NetNinja
@thekid6278
@thekid6278 3 жыл бұрын
Thank you so much, these are well explained and comprehensive.
@PhilipRice
@PhilipRice 4 жыл бұрын
Excellent tutorials - clear and unambiguous!
@DejanPavlovic-tu8vj
@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
@NetNinja Жыл бұрын
Thanks for your very kind comment Dejan :) means a lot!
@yeeeeetcode
@yeeeeetcode 3 жыл бұрын
inline, block and inline block declaration's explanations just blew my mind.
@vibhor3049
@vibhor3049 4 жыл бұрын
Thanks for this detailed vid, enjoyed a lot, learned a lot.
@alecjohansen
@alecjohansen 3 жыл бұрын
Thanks to this, I can finally hand in my schoolwork
@arwahsapi
@arwahsapi 5 жыл бұрын
HTML & CSS tutorials are still green market even decades from now
@MrDawg-ol5pc
@MrDawg-ol5pc 3 жыл бұрын
Thank you for the videos!! That’s my learning style 👍🏼
@mk30645
@mk30645 3 жыл бұрын
You are the best teacher .God bless you for this. You are awesome.
@jochoniahnzomo5937
@jochoniahnzomo5937 4 жыл бұрын
Awesome presentation, very clear to understand. Thank you Ninja
@karansunar4458
@karansunar4458 2 жыл бұрын
you are the best of the best... some of the channels are overrated.....thank you for your awesome presentation..
@wernerA
@wernerA 5 жыл бұрын
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?
@yinonb172
@yinonb172 2 жыл бұрын
Best HTML & CSS Tutorial, explanations are greats and brights.
@gw6380
@gw6380 3 жыл бұрын
I am from China, thank for your videos ♥, I get some new things even I have learned some basics before.
@ernesto8273
@ernesto8273 3 жыл бұрын
I love how you make reference to googling
@logapriya6383
@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
@NetNinja Жыл бұрын
Wow, thanks for your lovely comment :)
@MosaddakHelwani
@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
@NetNinja Жыл бұрын
Great to hear that Mosaddak! :) I'm glad it was helpful
@utsavghimiray7137
@utsavghimiray7137 4 жыл бұрын
the best channel and the most underrated also :(
@remaztoti2587
@remaztoti2587 4 жыл бұрын
thank you so much for helping us with the course ur explanation is very good thank
@CaliFreek63
@CaliFreek63 2 жыл бұрын
Many thanks, you made my PAID college course easier!
@dineshbhonsle6524
@dineshbhonsle6524 Жыл бұрын
amazing way to learn!! thanks for making this so simple
@kingkas1275
@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
@NetNinja Жыл бұрын
Thanks and welcome Kas!
@olive3024
@olive3024 Жыл бұрын
thank you, it's great, and it's free! wonderful.
@NetNinja
@NetNinja Жыл бұрын
Thanks Olive!
@TheHondaboy37
@TheHondaboy37 3 жыл бұрын
Sir, you are awesome! Thank you and keep up the good work!
@str8gamer964
@str8gamer964 2 жыл бұрын
Spend a few days learning this section !
@michaelbodeagunbiade7773
@michaelbodeagunbiade7773 9 ай бұрын
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
@NetNinja 9 ай бұрын
Welcome aboard! thanks for your kind words Michael :)
@MineldoAlbania
@MineldoAlbania 5 жыл бұрын
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.
@t.j9295
@t.j9295 3 жыл бұрын
Best instructor out there!!
@tihomirtodorov8113
@tihomirtodorov8113 4 жыл бұрын
Good tutorials buddy, keep it up!
@ahmedhagrachid9427
@ahmedhagrachid9427 3 жыл бұрын
to be honest, you are way better than all my college teachers.
@thexredxjester1984
@thexredxjester1984 10 ай бұрын
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
@beekabiro8730 5 ай бұрын
did you figure it out, i'm currently there and wondering the same thing
@thexredxjester1984
@thexredxjester1984 5 ай бұрын
@@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.
@InfoTrickyOfficial
@InfoTrickyOfficial 2 жыл бұрын
You are Always great teacher for me.Stay bless❤️❤️
@tobbanimations4599
@tobbanimations4599 3 жыл бұрын
This helped me a lot! Thank you :D
@ZbutwialyPiernik
@ZbutwialyPiernik 4 жыл бұрын
Most comprehensive CSS/HTML course i've ever watched, perfect for backend developers.
@NetNinja
@NetNinja 4 жыл бұрын
Thanks so much :)
@bjstutorials4381
@bjstutorials4381 5 жыл бұрын
Really Big fan of you from Hyderbad -India
@angeleskidragan
@angeleskidragan 2 жыл бұрын
Thank you for this amazing helpful videos!!!
@E0403719
@E0403719 2 ай бұрын
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
@NetNinja 2 ай бұрын
Hey, really appreciate that :) if you do want to support what we do, then you can always purchase a Masterclass course not available on KZfaq over at NetNinja.dev - but again, totally your call! Thank you so much for watching and taking time out to comment!
@MALIKFAHADAZIZ
@MALIKFAHADAZIZ 22 күн бұрын
i love your work and your efforts May Allah give you real success brother
@NetNinja
@NetNinja 20 күн бұрын
Thank you so much 😀
@elsamebrahtu9180
@elsamebrahtu9180 4 жыл бұрын
Amazing video. Thanks a lot!
@antragupta7831
@antragupta7831 3 жыл бұрын
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
@rithvikbhat6860 3 жыл бұрын
Exactly 🔥
@litmus-world374
@litmus-world374 Жыл бұрын
hello, a you a web developer
@badarhnr4142
@badarhnr4142 2 жыл бұрын
bro u motivate me to keep learn more and more
@viveksharma-st1cu
@viveksharma-st1cu 3 жыл бұрын
TYSM for the value!!!!
@anaselhakeam6077
@anaselhakeam6077 3 жыл бұрын
thank u so much man
@KalyaniTalks
@KalyaniTalks 3 жыл бұрын
Thanks you are best make more videos on js plz
@sahas01
@sahas01 4 жыл бұрын
Thanks for this series sir. Highly appreciate your content. #Quarantineandchill.
@vaylx2253
@vaylx2253 3 жыл бұрын
This is awesome. Anyone knows which theme he's using in VSCode?
@criticalinertia
@criticalinertia 4 жыл бұрын
I would love to know what VS Code theme you are using in this video.
@settahkader
@settahkader 5 жыл бұрын
great as always thank you so much
@NetNinja
@NetNinja 5 жыл бұрын
Thanks Kader 😊
@alyonachmil9781
@alyonachmil9781 2 жыл бұрын
Extremely useful and understandable. Thank you.
@litmus-world374
@litmus-world374 Жыл бұрын
hello
@harryflim
@harryflim 5 жыл бұрын
Dude update the nodeJs playlist many are eager to learn that from you
@elkeropegasus1047
@elkeropegasus1047 4 жыл бұрын
You're a great teacher! Keep it up! I have one question though, what is the use of margins and paddings?
@elpontador9826
@elpontador9826 4 жыл бұрын
This explains them well medium.com/frontendshortcut/margin-vs-padding-c1fc8ea8bfaf
@elkeropegasus1047
@elkeropegasus1047 4 жыл бұрын
@@elpontador9826 Thanks :)
@mahmoudelrabee2456
@mahmoudelrabee2456 4 жыл бұрын
the best one
@colleenvarlow8764
@colleenvarlow8764 3 жыл бұрын
excellent. finally got link to work. Had the about page in wrong area
@tadejdanev5030
@tadejdanev5030 5 жыл бұрын
i like that your videos are much longer :)
@MustafaBirsoz
@MustafaBirsoz 4 жыл бұрын
Hey Sensei What do you think about CSS reset? Or anybody?
HTML & CSS Crash Course Tutorial #5 - CSS Classes & Selectors
26:27
How to Properly Layout A Website (For Beginners)
14:50
The Website Architect
Рет қаралды 536 М.
Clowns abuse children#Short #Officer Rabbit #angel
00:51
兔子警官
Рет қаралды 59 МЛН
Best KFC Homemade For My Son #cooking #shorts
00:58
BANKII
Рет қаралды 16 МЛН
100+ Web Development Things you Should Know
13:18
Fireship
Рет қаралды 1,4 МЛН
Learn Flexbox CSS in 8 minutes
8:16
Slaying The Dragon
Рет қаралды 1,5 МЛН
HTML & CSS Crash Course Tutorial #8 - CSS Layout & Position
39:21
Programming Is NOT Enough | Add these 7 skills…
13:19
Travis Media
Рет қаралды 414 М.
Are you using the right CSS units?
6:30
Kevin Powell
Рет қаралды 446 М.
Learn CSS in 20 Minutes
23:44
Web Dev Simplified
Рет қаралды 1,8 МЛН
21 Awesome Web Features you’re not using yet
8:31
Fireship
Рет қаралды 970 М.
Background images with HTML & CSS
20:19
Kevin Powell
Рет қаралды 353 М.
HTML & CSS Crash Course Tutorial #6 - HTML 5 Semantics
14:14
Net Ninja
Рет қаралды 219 М.