CSS SELECTORS MADE EASY - HTML CSS Tutorial for Beginners

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

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

  • @willisvensson
    @willisvensson 4 года назад +23

    I did two webbcoding classes in school. Then I haven't coded for about a year, so I watched this to refresh my memory, and let me tell you DAMN! You cover way more material than I learnt on my courses in a much more compressed time. Great tutorials, thank you!

  • @phanirithvij
    @phanirithvij 6 лет назад +198

    CSS is what defines the beauty.
    JavaScript the logic.
    HTML the format.

    • @prouddesk6577
      @prouddesk6577 4 года назад +20

      HTML = Builder
      CSS = Artist
      JavaScript = Wizard

    • @4TH4RV
      @4TH4RV 4 года назад +31

      @@prouddesk6577 my analogy:
      HTML : Skeleton (defines and builds a foundation)
      CSS: Skin (Appearance)
      Javascript: Nervous system (controls everything)

    • @mal3k
      @mal3k 4 года назад +3

      @@4TH4RV OMG!, This so exactly similar.

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

      Well said! 😊

    • @nvermr
      @nvermr 2 года назад +1

      @@4TH4RV human anatomy in code

  • @Azarie03
    @Azarie03 3 года назад +3

    I have watched and bought so many courses on HTML, CSS, and JavaScript, but these are the best! And they're bite-sized which helps a ton. Thank you!!!

  • @noahm.9091
    @noahm.9091 4 года назад +7

    I've had a website domain sitting around for a month and a half. finally got motivated to start and this series has taught me everything I need. Thank you!

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

      how did it turn out?

  • @oscwavcommentaccount
    @oscwavcommentaccount 5 лет назад +29

    These are probably the best HTML tutorials I have watched.

  • @hardstylerzPL
    @hardstylerzPL 6 лет назад +5

    9:45 Maybe I'm missing something but :active will not be applied when you are on the /home page but it's applied for only a moment just after clicking a link (after mouse down and before mouse up) so it allows to select a link while it is being activated.

  • @indigoxalis
    @indigoxalis 5 лет назад +4

    Thank you so much for your tutorials! I've been binging them the past couple hours and feel so much more comfortable with HTML and CSS! I can't wait until I can create my own webpage.

  • @jeffroper1218
    @jeffroper1218 5 лет назад +50

    I love the tutorials but this one feels like I've missed one. In which tutorial was the code for test.html written?

    • @seyit3552
      @seyit3552 5 лет назад +10

      He has written test.html before the video.

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

      This just seems to be kind of a follow-up to the regularly scheduled html/css project he's been working on. This expands upon on the use of commands in CSS past the most basic things like background: or color:.
      You didn't miss anything, this is just extra info for the long haul :)

    • @jesusluvsu12345
      @jesusluvsu12345 3 месяца назад +1

      I believe that he intentionally used a different document in order to challenge you. If you can't directly copy is code, you have to actually learn it.

  • @zandbergx9747
    @zandbergx9747 5 лет назад +3

    Best tutorial I've ever watched.
    Also the best coding tutorial I've seen in general (that isn't a book)

  • @reubenjoji7091
    @reubenjoji7091 2 года назад +1

    This course has actually helped me to refresh my memory on HTML and CSS.. THanks a lot daddy!!

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

      yooooooooooooo

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

    I am 14 year old student I understood web development easier than my studies , thanks for making such a video ,thanks

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

    I don't know who you really are. But you are doing an amazingly great job with these tutorials. I believe you're want people to understand and get autonomous. Thanks.

  • @novaplex4763
    @novaplex4763 6 лет назад +3

    Please continue this series it is amazing and very good at teaching code. I need more of this

  • @scottsaccenti
    @scottsaccenti 5 лет назад +3

    This is really good, and while you can find so many free resources like this one online to help you understand these concepts, I have yet to find a better one for clear, quick, concise instruction. Thanks a bunch for making these.

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

    'Thank you very much, I'll be here all week.' Your course is informative and funny. Had a good laugh. A great way to learn this all! :)

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

    Awesome dude, love the way you've detailed everything.

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

    best most simplified web development videos..... amazing🥰

  • @renspolak6154
    @renspolak6154 3 года назад +5

    This is the first episode that i start to think its hard to learn!

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

    you have been so happy in all the tutorials before this, but here you sound kinda exhaused. I know its 5 years ago but I hope you're alright!
    also thank you for your content! you're really helping me!

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

    This one is really a must watch ! thanks for it

  • @TR011TIM3
    @TR011TIM3 6 лет назад

    Thank you so much for all this tutorials, im building my own website and want to learn more! hope you could continue with these tutorials

  • @christianek.963
    @christianek.963 5 лет назад +1

    I liked your video, thank u!! Btw you need ID's for an 'anchor link' and for a 'target selector'.

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

    Wouldn’t using a css selector like “section.class-name” be cleaner than just “.class-name” since it tells you what the class is on, making it easier to remember precisely what your targeting?

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

    Is it better to use ID's or Classes? Or does it not matter particularly? Thanks!

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

    excellent tutorial with great speaking skill... keep the series going

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

    Very helpful! Are there more videos on creating the page layout?

  • @shivamraval6172
    @shivamraval6172 6 лет назад +4

    love your vids watching since a long time, just some advice theres a live preview plugin built into vs code since you use it so do i.
    theres also a wrap text setting which would make life easy for ya, was hectic for me.
    enjoy man love ya vids got me from zero to hero at web scripting

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

      how is it going now man

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

    i love to watching your tutorials you made everything easy thank you sir

  • @jerwellsavella97
    @jerwellsavella97 3 года назад +4

    Sometimes you just wanna mess with the first child, lmao that one sent me.

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

    This is so helpful! Thank you!

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

    Watched this with my dad we are building websites now in pur free time i replaced codin/programming with gaming its alot more rewarding and satisfying

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

    Thank you. For some reason the .class doesn't work but the # does! thanks for the tutorials keep it up!

  • @SarraSarra-dk7qp
    @SarraSarra-dk7qp 6 месяцев назад

    I did the same code but the navigation bars came one under another instead of on the same line, any idea why or how to fix it ?

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

    what do we call other li s in between first and last child? also can we style div s differently ?

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

    Thank you sir, very informative video to learn CSS Selector. These days I am hearing a lot about SelectorsHub CSS Selector tool, hows that tool sir?

  • @zensasquatch4627
    @zensasquatch4627 6 лет назад

    Thanks for making these vids dude. I was finding them really helpful but the the past 2 clips are impossible for me to read the code that you are typing. It is displayed way too small on my screen and the way that youtube auto sizes the clip means that zooming In / out with the browser doesn't help. Is there any way you could make the code appear larger and more readable please? ♥

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

    Ya these are awesome tutorials dude, thank you.

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

    Great tutorials, man!

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

    Have a problem getting the display flex working well.. all sections looks jammed together

  • @Summer-uc8hr
    @Summer-uc8hr 3 года назад

    is this like an extra vid in the middle of the series?

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

    "This is the ugliest navbar of all time"... Amen brotha

  • @자시엘-l1s
    @자시엘-l1s 6 лет назад +2

    What does he mean by illegal
    Was that figurative language or literal

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

      figurative, the thing is that the diferent browsers will not read the page of the same form so a good css practice is not use more than use an id per object, if you got another element use another id not the same.
      sorry for my bad english

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

      lol arrested for using the same id twice on the same page.

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

    Appreciate it work. Education changes ppls life

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

    You are a great teacher, lucky to come across your page. Do you have other courses JavaScript/Phyton/C+ and more detailed information on Html/Css on Udemy?

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

    Is it ok to give link () to div_es?

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

    stunning tutorial

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

    This needs 1M views

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

      Maybe like 10 mil

  • @WilliamGarrett-z2h
    @WilliamGarrett-z2h 2 месяца назад

    Which app are you using

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

    You are a great teacher..

  • @effiongmfoniso5408
    @effiongmfoniso5408 3 месяца назад

    Please how they do I do the colon?

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

    Ids for selecting form elements, buttons, inputs, etc.
    Classes for any other else.

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

    hey can u tell me what ide that u use???

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

    Your voice is beautiful !

  • @10meisterballe
    @10meisterballe 4 года назад

    I think I will use IDs if I want to only style a single element

  • @amrinjaffni4268
    @amrinjaffni4268 6 лет назад

    how often are you posting the video?

  • @koenterheegde9328
    @koenterheegde9328 6 лет назад

    So where can I find the next video?

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

    when i put grey background on first section, my text wasnt visible...it makes me crazy..until i change color..now its fine, il be able to sleep

  • @onesandzeroes
    @onesandzeroes 6 лет назад +1

    Shouldn't that be "ul:first-child", not "li:first=child"? The child of "li" would be "a" (so I'm surprised this works).

    • @jamespierce946
      @jamespierce946 6 лет назад +2

      The video is correct. `li:first-child` is the first `li` in the parent, not the first element within the `li`. Since there is no space between two selectors (such as `li` and `:first-child` or `section.feature-box`, it will not be referring to a nested element). `ul:first-child` would make the background red for the entire `ul` that also happened to be the first within that parent-in this case, the first `ul` on the page.

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

    Thanks, Can you do one with X-Path?

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

    Thank you for so much help.i. the last videos

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

    OMG. dude You are really awesome!!!!

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

    Dude...you rock!

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

    Thank you very much!

  • @hotshots149
    @hotshots149 6 лет назад

    What text editor are you using?

    • @learncodeacademy
      @learncodeacademy  6 лет назад +2

      I'm using VSCode - I show my setup in the first video of this series ruclips.net/p/PLoYCgNOIyGABDU532eesybur5HPBVfC1G

    • @hotshots149
      @hotshots149 6 лет назад

      @@learncodeacademy Thanks!

  • @theguyrightthere9056
    @theguyrightthere9056 6 лет назад +4

    Still waiting for the next part...

  • @razeev4685
    @razeev4685 6 лет назад +2

    Thanks very Helpful :)

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

    Great, thank you!

  • @odynnxd
    @odynnxd 6 лет назад

    Hey! The audio is fixed ;)

  • @w.zganiacz3109
    @w.zganiacz3109 6 лет назад

    Any chance for a new part ? :)

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

    thx man, so helpfull

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

    These are very nice videos but they are extremely hard to read.. Maybe if the font was larger.

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

    very very interesting tutorial :0

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

    Good work , is not that hard at the end thanks to you ....
    The funny part is ( I`m ironic ) how the ppl the wached first tutorial didn`t continued ...

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

    Less than 12 minutes video with 4 ads! I don’t find that mush ads even on TV! It is distracting.

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

      Dude made a very comprehensive beginners guide to html and CSS that you have access to for free. He's allowed to monetize. If you are that slow just rewind the video

  • @stuffy.design
    @stuffy.design 3 месяца назад

    "Pound Frank" 🗣🗣

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

    2:18 I lost it here

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

    Pounding Frank is illegal

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

      I came here just for that lmao

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

    anbody having any whatsapp groups for web development

  • @codeaxen
    @codeaxen 6 лет назад

    Hello Learncode.academy Thanks a lot for these Tutorials Great work... but have a question in mind, is there a easier way in 2019 for converting a Static web template to a Dynamic one with full administrative controls ??. Thanks

  • @user-gu5cs2wt9g
    @user-gu5cs2wt9g 5 лет назад

    You mention getting the point across. I don't get the point at all. Ive watched you spend two lessons doing all sorts of playing around with rules, classes, elements, whatever for these 5 tiny rectangles named a,b,c,d,e. What god are they? Why would anyone want those on a website?

  • @SM-jf9gx
    @SM-jf9gx 3 года назад

    this escalated pretty quickly lol

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

    Jason Bateman?!

  • @VijaykumarA-o8v
    @VijaykumarA-o8v Год назад

    Good Good Good Good Good Good Good
    Great Great Great Great Great Great Great
    your explanation is good to understand for me, Thank you you you you you
    God Bless You God Bless You God Bless You God Bless You God Bless You God Bless You

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

    ❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤

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

    fenk iu

  • @klyrik_lyrics
    @klyrik_lyrics 2 месяца назад

    yep this is where you lost me...

  • @RitterTree
    @RitterTree 6 лет назад

    Too bad these videos come out just once a week.