Applet Orchard

Learn CSS (Tutorial) – Basics + Selectors (For Absolute Beginners)

[ad_1]
In this video we learn how to add basic styles to a page with CSS. Check out my “Get a Developer Job” course:

You can also view this same lesson material in written form:

Topics covered in this video:
Linking to an external style sheet
CSS Syntax
Type Selectors
ID Selectors
Class Selectors
Descendant Selectors

Have you created amazing pages with HTML & CSS and want to move them from your computer’s hard drive to online so the world can see them? The next step is to move your files to a web host. Learn about web hosts, my favorite hosting company, and how to save $40 on the only hosting plan you’ll need:

Sign up for my newsletter to receive periodic webDev tips, tricks, resources and coupons. Join the list at

Follow LearnWebCode on Twitter for resources and updates:

Posted

in

by

appletorchard

Tags:

Comments

41 responses to “Learn CSS (Tutorial) – Basics + Selectors (For Absolute Beginners)”

  1. sri hari Avatar
    sri hari

    Very nice…Kindly upload the HTML 5 tutorials as well
    Thanks in advance!!!!!

    Reply
  2. rukhsana malik Avatar
    rukhsana malik

    very nice video

    Reply
  3. TechniSpace Avatar
    TechniSpace

    nice demo

    Reply
  4. Arthur Klisiewicz Avatar
    Arthur Klisiewicz

    you are excellent teacher !

    Reply
  5. Robert Callan Avatar
    Robert Callan

    LearnWebCode is the best teacher period.

    Reply
  6. Ci Boz Avatar
    Ci Boz

    thank s alot
    . i been learning front end development last few month but i am a bit discouragedd. because few friends told me; dont learn coding websites because soon everyone can do it without coding at all. they wont be coding web jobs .. wix. wordpress… what s ur opinion ?

    Reply
  7. Vasudevan S Avatar
    Vasudevan S

    Thank you for your benevolence – very very clear, simple and easy to understand.

    In learning you will teach
    And in teaching you will learn

    Reply
  8. Holden Gerth Avatar
    Holden Gerth

    I've watched too many videos to count and this literally is the only one worth watching

    Reply
  9. memo asim Avatar
    memo asim

    understand

    Reply
  10. Brianne Manyette Avatar
    Brianne Manyette

    What program are you using to write in?

    Reply
  11. janez novak Avatar
    janez novak

    nice tutorial, thanks

    Reply
  12. Musah Ibrahim Avatar
    Musah Ibrahim

    Please to call your self a programmer must you understand everything and must be able to do any task in what you have learnt ?

    Reply
  13. Michael Thompson Avatar
    Michael Thompson

    Like the way you explained it. Made it easy to follow.

    Reply
  14. jaka runi Avatar
    jaka runi

    very good explanation , thanks

    Reply
  15. WALKING DEAD Avatar
    WALKING DEAD

    i've noticed something that some times the assigned numeric values are written as either the numeral like os "69"
    and at times they are written as "69px" numeric value along with pixels
    and that too for the same properties
    what is the logic behind this please help
    like padding:69px;
    padding:69;

    Reply
  16. WALKING DEAD Avatar
    WALKING DEAD

    nice video but pls tell me the difference between body {}
    and *{}
    i know they affect the all elements but i am sure there is a difference betwen them 2
    pls help.

    Reply
  17. AlphaMSC Media Avatar
    AlphaMSC Media

    Amazing job explaining!

    Reply
  18. Graham Dunne Avatar
    Graham Dunne

    thank you for your help, very good video. 🙂

    Reply
  19. SHADOWY Avatar
    SHADOWY

    thanks .I managed to get a C in ICT(I suck at ict)

    Reply
  20. Mohamed Hallaba Avatar
    Mohamed Hallaba

    This was very useful for me as a total CSS beginner. Thanks buddy!

    Reply
  21. Adi Nagary Avatar
    Adi Nagary

    i just want to say. You are a fantastic teacher. helped me out immensely.

    Reply
  22. Tobias Avatar
    Tobias

    Thanks dude CSS is important for me

    Reply
  23. Cheeky Delta Avatar
    Cheeky Delta

    Hello, does someone please know how he miraculously transformed h1 into <h1></h1> with a single click? I'm sure that there is a shorcut for it but I'm not even sure how to ask Google about it… I'm a beginner and I think this trick would help me massively! Thank you

    Reply
  24. Leo trance Avatar
    Leo trance

    I've been following some udemy courses about web design and programming…. I have to say that all of those courses including my uni professors weren't as good teacher as you are! Such a great man. Wish you all the best.

    Reply
  25. Patricia Price Avatar
    Patricia Price

    The part where it's supposed to turn orange didn't work for me =/ I went over that entire part of the video three times and I can't figure out what I did wrong.

    Reply
  26. Abby Browne Avatar
    Abby Browne

    Thank you so much for this!!

    Reply
  27. MrBrunoTheMan Avatar
    MrBrunoTheMan

    Just what I needed, thanks

    Reply
  28. jowayne josephs Avatar
    jowayne josephs

    You are awesome…best explanation of css selectors that i've seen!

    Reply
  29. Ravi Srinivasan Avatar
    Ravi Srinivasan

    excellent!

    Reply
  30. Thirstypioneer Avatar
    Thirstypioneer

    Wish my IT teachers where that straightforward, to the point and clear from the start of my introduction to HTML & CSS. This would have saved me tons of time and frustration. Thanks for the tutorials; I kinda thought I’ve covered everthing I needed to know, but going back to basics was really worth the time, because they’ve haven’t told me anything about descendant selectors or how to style every other row in tables (from table tutorial you’ve uploaded).

    Now the main thing of the course was just to create a non-responsive website. I was disappointed about that, and have to learn that myself and also watched those tutorials and all was very clear.

    Doing the JavaScript and jQuery tutorials now and again I’ve started noticing parenting is again a very important subject that is covered very easy here from the start, so that was very useful information I have in the pocket now thanks to you. So many thanks for that!

    Wrestling now with C# at the university and well: I see now it’s not that easy at all and need to practise a lot. That’s why I have some questions:

    As a web developer, do you really want to design a website by yourself from scratch, instead avoiding the complex coding and save some time with Bootstrap, or just make a WordPress webpage? Does making use of Bootstrap or WordPress limit the way you can customize your webpage and what functionalities you can add, meaning designing a webpage from scratch is the better and more original way, but also the toughest way to do it! Meaning you’ll have to learn how to create a website all the way from the back-end to the front-end, which involves a lot of programming courses and years of studying and practise. And then you can still decide to save time and add some Bootstrap elements? I mean time is a critical factor for the overall cost of a website, and to create a whole ecommerce web shop from scratch is so much more expensive than just using WordPress. How does one find a balance between originality and cost? Sorry for all those questions, but since you are more experienced than me, I’d like to know your view about this?

    Reply
  31. Yassin Ghariani Avatar
    Yassin Ghariani

    good explication (y) thank you

    Reply
  32. Vivek choudhary Avatar
    Vivek choudhary

    Thanks a lot 🙂

    Reply
  33. EXPAND DONG Avatar
    EXPAND DONG

    Guys I just ate an entire packet of kool aid

    Reply
  34. Anton Gabriel Avatar
    Anton Gabriel

    Thanks for making these videos! It really helps me with my studies!! 🙂

    Reply
  35. Cherushi the MC 911 Avatar
    Cherushi the MC 911

    Thank you! I didn't understand well what my teacher in computer just taught us. I also liked the way you type 🙂

    Reply
  36. Videos On Your Website Avatar
    Videos On Your Website

    Very very helpful. Thanks,

    Reply
  37. Borna Avatar
    Borna

    Can you plizz help? My .css file won't work well. It just won't work

    Reply
  38. Jake Muniak Avatar
    Jake Muniak

    great stuff man- easy to follow cheers

    Reply
  39. Matthew Ake Avatar
    Matthew Ake

    This guy has a massively obnoxious voice.

    Reply
  40. Mehdi Nijay Avatar
    Mehdi Nijay

    thanks alot bro, that was very helpfull

    Reply
  41. Sam Razzy Avatar
    Sam Razzy

    can you please tell mw which is that software used ???

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *