HTML & CSS Crash Course Tutorial #4 - CSS Basics

Поделиться
HTML-код
  • Опубликовано: 24 янв 2025

Комментарии • 246

  • @AkshaySharma-yo4th
    @AkshaySharma-yo4th 5 лет назад +237

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

      Thanks so much Akshay :)

    • @leodragonheart754
      @leodragonheart754 4 года назад +1

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

    • @BlizzGMX
      @BlizzGMX 3 года назад

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

      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 3 года назад +1

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

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

    • @linux5min
      @linux5min 4 года назад +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 4 года назад

      Same here 😅

  • @gotem370
    @gotem370 4 года назад +17

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

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

  • @miya7525
    @miya7525 5 лет назад +45

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

    • @silestacio5834
      @silestacio5834 4 года назад +1

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

  • @val71999
    @val71999 2 года назад +15

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

      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!

  • @joeygarner1636
    @joeygarner1636 4 года назад +16

    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!

  • @Nevetssss
    @Nevetssss 5 лет назад +21

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

      Thanks so much 😀

  • @watchanimes9365
    @watchanimes9365 2 года назад +4

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

  • @Samsheikh009
    @Samsheikh009 4 года назад +13

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

  • @wisjnujudho3152
    @wisjnujudho3152 4 года назад +6

    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.

  • @zigzag4273
    @zigzag4273 5 лет назад +5

    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.

  • @robbielucas6742
    @robbielucas6742 4 года назад +2

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

  • @simonmekonen5853
    @simonmekonen5853 3 года назад +6

    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!

  • @vedantkulkarni8237
    @vedantkulkarni8237 2 года назад +2

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

    • @NetNinja
      @NetNinja  2 года назад

      Great to hear Vedant :) have fun!

  • @strangerinyourchair
    @strangerinyourchair 4 года назад +2

    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!

  • @aaronjohnson2739
    @aaronjohnson2739 4 года назад +1

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

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

  • @Inconvenient-MRKim
    @Inconvenient-MRKim 5 лет назад +2

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

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

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

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

      Great to hear! :) thanks for watching

  • @dylive
    @dylive 5 лет назад +2

    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.

  • @beastarc9414
    @beastarc9414 Год назад

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

  • @MilanB
    @MilanB 5 лет назад +21

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

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

    • @darkotaku666
      @darkotaku666 5 лет назад +2

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

  • @visiongroove
    @visiongroove 3 года назад

    The way you teach this is natural genius man!

  • @Xodiman
    @Xodiman Год назад +1

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

  • @karansunar4458
    @karansunar4458 2 года назад

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

  • @annmusicworld4016
    @annmusicworld4016 4 года назад +1

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

  • @Roy-sv6pm
    @Roy-sv6pm 4 года назад +1

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

  • @Robotsausagemusic
    @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
      @NetNinja  Год назад

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

    • @Robotsausagemusic
      @Robotsausagemusic Год назад

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

  • @hejkathi
    @hejkathi 2 года назад +6

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

  • @kingkas1275
    @kingkas1275 2 года назад

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

      Thanks and welcome Kas!

  • @michaelbodeagunbiade7773
    @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
      @NetNinja  Год назад

      Welcome aboard! thanks for your kind words Michael :)

  • @MuhammadAshfaq-ys7hz
    @MuhammadAshfaq-ys7hz Год назад +1

    Your teaching methods just I say amazing
    Unbelievable

  • @udilong5526
    @udilong5526 4 года назад

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

  • @rithvikbhat6860
    @rithvikbhat6860 4 года назад

    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  4 года назад +1

      Thank you so much 😀

  • @t.j9295
    @t.j9295 3 года назад

    Best instructor out there!!

  • @MuhammadAshfaq-ys7hz
    @MuhammadAshfaq-ys7hz Год назад

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

  • @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  Год назад +1

      Wow, thanks for your lovely comment :)

  • @VOLTUSBlitz
    @VOLTUSBlitz 4 года назад

    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.

  • @ZbutwialyPiernik
    @ZbutwialyPiernik 5 лет назад +1

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

    • @NetNinja
      @NetNinja  5 лет назад +2

      Thanks so much :)

  • @doncheeto7796
    @doncheeto7796 2 года назад

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

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

  • @thexredxjester1984
    @thexredxjester1984 Год назад +1

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

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

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

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

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

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

  • @ahmedhagrachid9427
    @ahmedhagrachid9427 3 года назад +1

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

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

  • @alecjohansen
    @alecjohansen 4 года назад +1

    Thanks to this, I can finally hand in my schoolwork

  • @arwahsapi
    @arwahsapi 5 лет назад +2

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

  • @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! :)

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

  • @yeeeeetcode
    @yeeeeetcode 3 года назад

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

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

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

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

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

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

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

      Thank you so much 😀

  • @royalqueenseeds124
    @royalqueenseeds124 3 года назад

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

  • @CaliFreek63
    @CaliFreek63 3 года назад

    Many thanks, you made my PAID college course easier!

  • @yinonb172
    @yinonb172 3 года назад

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

  • @ernesto8273
    @ernesto8273 3 года назад

    I love how you make reference to googling

  • @gw6380
    @gw6380 4 года назад

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

  • @str8gamer964
    @str8gamer964 2 года назад

    Spend a few days learning this section !

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

  • @mk30645
    @mk30645 3 года назад

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

  • @antragupta7831
    @antragupta7831 4 года назад +1

    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 !

  • @halo_glow
    @halo_glow 5 лет назад +2

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

  • @dineshbhonsle6524
    @dineshbhonsle6524 Год назад

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

  • @Tenly2009
    @Tenly2009 2 года назад

    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.

  • @olive3024
    @olive3024 2 года назад +3

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

  • @InfoTrickyOfficial
    @InfoTrickyOfficial 3 года назад

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

  • @utsavghimiray7137
    @utsavghimiray7137 4 года назад

    the best channel and the most underrated also :(

  • @jochoniahnzomo5937
    @jochoniahnzomo5937 4 года назад

    Awesome presentation, very clear to understand. Thank you Ninja

  • @KalyaniTalks
    @KalyaniTalks 4 года назад +1

    Thanks you are best make more videos on js plz

  • @DejanPavlovic-tu8vj
    @DejanPavlovic-tu8vj 2 года назад

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

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

  • @PhilipRice
    @PhilipRice 5 лет назад

    Excellent tutorials - clear and unambiguous!

  • @_daveb_
    @_daveb_ 5 лет назад +1

    Awesome series mate - much appreciated!

  • @emantsrifemantsal2834
    @emantsrifemantsal2834 4 года назад

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

  • @badarhnr4142
    @badarhnr4142 2 года назад

    bro u motivate me to keep learn more and more

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

  • @thekid6278
    @thekid6278 3 года назад

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

  • @Jagrav-e7o
    @Jagrav-e7o Месяц назад

    Super explanation 🔥🔥👍👍

    • @NetNinja
      @NetNinja  Месяц назад

      Thanks! glad it was helpful :)

  • @vibhor3049
    @vibhor3049 4 года назад

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

  • @TheHondaboy37
    @TheHondaboy37 4 года назад

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

  • @angeleskidragan
    @angeleskidragan 2 года назад

    Thank you for this amazing helpful videos!!!

  • @remaztoti2587
    @remaztoti2587 4 года назад

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

  • @MrDawg-ol5pc
    @MrDawg-ol5pc 4 года назад

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

  • @bjstutorials4381
    @bjstutorials4381 5 лет назад

    Really Big fan of you from Hyderbad -India

  • @colleenvarlow8764
    @colleenvarlow8764 3 года назад

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

  • @alyonachmil9781
    @alyonachmil9781 2 года назад

    Extremely useful and understandable. Thank you.

  • @RadeonVector
    @RadeonVector 2 года назад

    theBestEver🙌

  • @MineldoAlbania
    @MineldoAlbania 5 лет назад +2

    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.

  • @tobbanimations4599
    @tobbanimations4599 3 года назад

    This helped me a lot! Thank you :D

  • @sahas01
    @sahas01 4 года назад

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

  • @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 :)

  • @kirill632
    @kirill632 4 года назад

    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.

  • @tobyroy336
    @tobyroy336 3 года назад

    Thank you Thank you Thank you ... inline block

  • @Mr_wolf162
    @Mr_wolf162 8 месяцев назад +1

    ❤👍

  • @shervangh9660
    @shervangh9660 3 года назад

    you are best ninja

  • @tihomirtodorov8113
    @tihomirtodorov8113 5 лет назад

    Good tutorials buddy, keep it up!

  • @Winterbear_kt95
    @Winterbear_kt95 Год назад

    I have a doubt i.e., the way in 9:39 is not working in my VSS (that creating seperate style sheet and then linking it to the other files) , i tried many times, but still it is not working , can you please tell me why ?

  • @harryflim
    @harryflim 5 лет назад +2

    Dude update the nodeJs playlist many are eager to learn that from you

  • @andythedishwasher1117
    @andythedishwasher1117 3 года назад

    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.

  • @elsamebrahtu9180
    @elsamebrahtu9180 4 года назад

    Amazing video. Thanks a lot!

  • @Ken_710
    @Ken_710 2 года назад

    Arigato Ninja Sensei 🤝