XHTML and CSS Tutorial – 30 – Styling Using Classes

[ad_1]
Facebook –
GitHub –
Google+ –
LinkedIn –
reddit –
Support –
thenewboston –
Twitter –


Posted

in

by

Tags:

Comments

50 responses to “XHTML and CSS Tutorial – 30 – Styling Using Classes”

  1. Saurabh Kumar Avatar

    don't choose black and white cause that's just racist

  2. Alexander Romanov Avatar

    I shall call it fullstop! …Or Michael, when I feel like it…

  3. iSeries .ENGLISH Avatar

    You're amazing absolutely genius <3

  4. iSeries .ENGLISH Avatar

    You're amazing absolutely genius <3

  5. AJay Gupta Avatar

    Hey It's not racist bucky, chill!!! we know you're good christain guy..

  6. Shivam Singh Avatar

    Green Goblin is the spider man villain!!

  7. LeoDahVee Avatar

    You can also apply classes to divs!

  8. mpumelelo moyo Avatar

    Can I position my paragraph using classes. Tried it and it is not working

    .para2{position:absolute;
    top:600px;
    left:300px;
    font-family:cursive;
    text-color:#603803;
    font-size:20px;

    <p class="para2"></p>

  9. Craig Polchinski Avatar

    names my class "baked beans"
    dies

  10. User Avatar

    Bucky, you do this all for free (with high QUALITY) and 30th video? BEAUTIFUL!

    Love you man! 🙂

  11. Sai Niroop Avatar

    if we name our paragraph just as <p></p> and <p1></p1> even this works is this same as class its easy right better than typing class?

  12. shubham chidrawar Avatar

    what is the basic difference between span and div

  13. Count Montecristo Avatar

    LOL… Green Goblins. You just went "Spiderman" on me. 😀

  14. BoyNext Door Avatar

    thankyou sir bucky! anyway im just starting on being a web developer any advise from you??

  15. Natalie Yuille Avatar

    Why won't my class style?

    <!DOCTYPE html>
    <html>
    <title> The Town of Lincoln Village </title>

    <head>
    <style type="text/css">

    p {
    text-align: center;
    color: blue;
    }

    .lincolnvillage {
    text-align: center;
    }

    </style>

    </head>

    <body>

    </h4 class ="lincolnvillage" > WE ARE LINCOLN VILLAGE
    </h4>

    <p> The Town of Lincoln Village, located at 9,545 feet in Southwest Colorado and just a stone’s throw from Telluride, serves millions of people every year. To welcome you here and make your stay – short or long – enjoyable, please take a sneak peek into Mountain Village.
    </p>

    </body>

    </html>

  16. kittiecommittee Avatar

    So should I just scrap Span and only use classes?

  17. MrHarshz Avatar

    I was waiting for this ever since css was introduced here. watching this gave so much satisfaction.. 😛

  18. Anuj Mittal Avatar

    I used to watch the show "Legends of hidden Temple" daily… childhood memories!!

  19. Jŝ ßĕjøý Avatar

    you like hulk,that is why you wrote that you want to become green :p

  20. Russ Krieg Avatar

    legends of the hidden temple lol@!

  21. Mumtaz Avatar

    anyone notice typing mistake at 1:25

  22. guba duba Avatar

    I only wanted to learn about this but daaamn those other tutorials were solid.

  23. Swapnil raut Avatar

    Thank you Bucky..!!

  24. X Y Z Avatar

    My man explained bettter than W3Schools! I thank you mate for your tutorials.

  25. Mensch Lee Avatar

    "You could make them any color you want. I chose red and green. Don't choose black & white, cause it's just racist." Hahaha. Nice one! I won't buy any newspaper anymore, cause it's just racist! The chinese shall be ashamed of their "yin & yang" racist thing too!

  26. Robert Reimann Avatar

    This is the tutorial I have been waiting for 2 days… 😀

  27. 25Aditya25 Avatar

    This awesome man I was waiting for something like this since your 24th tutorial.

  28. Tejush Singh Avatar

    Bucky-"What are you gonna do about it?"

  29. Periodic Dinamo Avatar

    And…The best youtube video tutorials on Xhtml and CSS goes to…….Bucky Roberts!!! "Speach" "Speach"

  30. Gummi Koalabears Avatar

    doesn't this just take out the point of span.

  31. Ahmed Wael Avatar

    nice work Bucky .. Thanks 😀

  32. UMAR ABUBAKAR Avatar

    so what is the main motive of creating span, ID and classes

  33. LuPaw Avatar

    Love your puns

  34. Femtosoft Incorporated. Avatar

    Without the class, it won't work for you and I, but with the <p class="greengoblins>, it works.

  35. Aashish Kandel Avatar

    very awesome tutorial!! really loved it! Thanks a lot Bucky

  36. jujuandjesus Avatar

            A few years late, but here is your medal for 30 episodes.
                   ____
                  /            
                 |     30!     |
                  _______/
                  /        /  
                /   /          
               ||||||||||||||||||||||||||||

  37. Eleftherios Nikolaidis Avatar

    Thank you once more Bucky !

  38. Shoaib Shafiq Avatar

    Quick question folks. What is the difference between using classes as shown in this video and using "id" such as <p id=secondpara"> something</p> and then adding the ID in the styling using #'secondpara {} ???? They deliver the same purpose or is it different? 

  39. Boa Hancock Avatar

    don't use black and white text ! that is racist

  40. Naveen Krishna Avatar

    Why is this http://teamtreehouse.com/features ad comes during Bucky's videos.. Funny. Thanks Bucky.

  41. Ric Donati Avatar

    Hey Bucky, couldn't you also just use <p1>random text</p1> and <p2>other random text</p2> and in style use (example)
    p1{color:green;}
    p2{color:red;}
    and it would be fine?

  42. Irakli K. Avatar

    extremely useful

  43. R-Kedgaming Avatar

    how can i trim the background color for text??

  44. Vincent Avatar

    what about yellow and black, is that racist?

  45. TorienSavesTheWorld Avatar

    Isn't span much simpler to use?

  46. THE Vigilante Avatar

    i think green was Jaguar.

    i got distracted by your distraction xD

  47. Marianne Holst Avatar

    Why do I only get one color? 
    Both codes works OK, as long as there is one line to be colored. But when I add both lines, like in the video, the program only add color to the butum line.

Leave a Reply

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