How to learn CSS

Discussion in 'HTML & Website Design' started by modeep123, Apr 24, 2008.

  1. #1
    By being new to the internet, how do I learn CSS? Is there a good tutorial site?
     
    modeep123, Apr 24, 2008 IP
  2. itcn

    itcn Well-Known Member

    Messages:
    795
    Likes Received:
    31
    Best Answers:
    0
    Trophy Points:
    118
    #2
    Sure, just google CSS and you'll find lots. Here's one:
    http://www.w3schools.com/Css/default.asp

    But a good way to learn might be to just find a template and start changing things until you learn what you're doing.
     
    itcn, Apr 24, 2008 IP
  3. kangaroobin

    kangaroobin Peon

    Messages:
    170
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #3
    css is way easier than html which is one of the easiest codes to learn EVER...css is literally just english

    get dreamweaver it does it for you
     
    kangaroobin, Apr 24, 2008 IP
  4. Faraibi

    Faraibi Member

    Messages:
    57
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    43
    #4
    Google it and you'll find hundred of ebooks and tutorials.
    Search through openwebdesign community and you'll get free css designs for your help !
     
    Faraibi, Apr 25, 2008 IP
  5. sujay0000

    sujay0000 Peon

    Messages:
    630
    Likes Received:
    28
    Best Answers:
    0
    Trophy Points:
    0
    #5
    Google is the medicine..!!
     
    sujay0000, Apr 25, 2008 IP
  6. xaralee

    xaralee Well-Known Member

    Messages:
    1,316
    Likes Received:
    70
    Best Answers:
    0
    Trophy Points:
    140
    #6
    xaralee, Apr 25, 2008 IP
  7. Stomme poes

    Stomme poes Peon

    Messages:
    3,195
    Likes Received:
    136
    Best Answers:
    0
    Trophy Points:
    0
    #7
    w3schools.com shows people how to use the <font> and <center> tags... and it's about 10 years out of date. They have nothing to do with the w3C. It isn't bad for getting familiar with some tags but there are better tutorials out there. HTMLdog has a nice one (and it's not 10 years old!).

    I would say CSS is harder to learn than HTML... and if you don't speak English, it's harder, because as Kangaroobin said it's mostly English. The styling portion of CSS is pretty easy but the positioning can get very complicated very quickly. If you're starting into the more advanced stuff, I would look at these things, which are some of the basic tools of CSS:

    Sliding Doors One and Two and with CSS Sprites
    Gilder-Levin Image Replacement Technique (and others) from mezzoblue
    FLOATS <-- this isn't really "everything" about Floats but it answers 99% of the most common questions/problems people get with them
    Flash Satay, and the partner article Bye Bye Embed, both at A List Apart for embedding Flash into a site while staying valid... though check out SWFObject as well.
    Creating Accessible Forms cause almost everyone has a form at some point
    BUGZ esp in IE6 are important!
    For IE6 and 7, you'll also want to know about Haslayout cause it fux0rz with your CSS
    Sons of Suckerfish menus are not 100% IE7 friendly but they get you on your way to clean HTML and CSS for your menus... too many people have these ungodly menustrosities and find them unwieldy and difficult to CSS or change the CSS in them...
    This site certainly has parts which are 10 years old but the techniques are brilliant nonetheless... Paul is a CSS genius.
    And... ah, IE6 and hover is always a problem, and if you don't want the Suckerfish Javascript, then you want whatever:hover as the code seen here. Stick it on your server and IE6 will hover over anything. Everything. Awesome.
    Borders which are flexible yet only use one image?

    Of course, it helps if you read the specs but even I am still learning HOW to read them : )
     
    Stomme poes, Apr 25, 2008 IP
  8. VimF

    VimF Well-Known Member

    Messages:
    307
    Likes Received:
    27
    Best Answers:
    0
    Trophy Points:
    118
    #8
    I think the specs should be used as references (like the yellow book), not something to read it all. That's one of the reasons they call those who do "sick".

    To OP, if you want to be good at it, start coding something, and remember to use a text editor.
     
    VimF, Apr 25, 2008 IP
  9. webpix3l

    webpix3l Peon

    Messages:
    12
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #9
    You can try also some video lessons from lynda.com
     
    webpix3l, Apr 25, 2008 IP
  10. kangaroobin

    kangaroobin Peon

    Messages:
    170
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #10
    ...video lessons? ahaha dude just practice and learn on your own, yes use those resources as helpers but just start looking and analyzing things and learn, css is literally english not really a code, its just real easy
     
    kangaroobin, Apr 26, 2008 IP
  11. Sir Rusty

    Sir Rusty Guest

    Best Answers:
    0
    #11
    w3schools.com is the best!
    Here's my example:
    
    <html>
    <head>
    <style type="text/css">
    h1 {color: #00ff00}
    p {color: rgb(0,0,255)}
    body {background-color: lightblue} 
    }
    </style>
    </head>
    
    <body>
    <h1>Welcome to Goofyspeedway Website!</h1>
    <br />
    <p> Hi There, and welcome.
    Here we is a fansite that we all could enjoy!</p>
    <p> Disey's ToonTown Online Fansite: <a href="http://www.goofyspeedway.net">Goofyspeedway</a>
    </body>
    <p>Have a Nice Day!</p>
    
    </html>
    Code (markup):
     
    Sir Rusty, Apr 26, 2008 IP
  12. mike.greenleaf

    mike.greenleaf Peon

    Messages:
    14
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #12
    Learning CSS is fairly easy...most of it is rather intuitive (font-size modifies the font size, border-width modifies the border width, etc.). Mastering CSS, on the other hand, takes some time and effort.

    The list posted by Stomme poes is a good place to start...I would also recommend checking out the CSS Zen Garden, and the companion book The Zen of CSS Design. Neither is really intended for learning CSS, but both are wonderful for learning how to design using CSS and the things that are possible using CSS.

    I would recommend that you learn CSS, however, and not simply rely on a program like Dreamweaver to "do it for you".
     
    mike.greenleaf, Apr 26, 2008 IP
  13. pipes

    pipes Prominent Member

    Messages:
    12,766
    Likes Received:
    958
    Best Answers:
    0
    Trophy Points:
    360
    #13
    After finding a few sites that explain for beginners, i would suggest following a few tutorials, dont use dreamweaver, but instead use notepad or similar.

    When you see code in some tutorials that you know you could just copy n paste for quickness dont copy n paste but actually type it all into notepad individually, it forces you to read what you type, it slows you down enough that it begins to sink in.

    Its how im currently learning it.

    Dont use anything that will finish what you are typing as you are not in full control and it doesn't sink in that way.

    As a person who is currently just learning CSS myself, i can say dont be intimidated by the thought of doing it with only notepad, some of what made no sense to me until recently is now sinking in and im quite enjoying what ive learned so far.

    Also as you learn, when you have a spare hour or so, keep messing around with the CSS code, even just switching colors and making things bigger and smaller, it sounds daft but it helps, and once you begin to see whats happening its quite cool. :)
     
    pipes, Apr 26, 2008 IP
  14. bs1

    bs1 Peon

    Messages:
    45
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #14
    One decent way is to start a test blog and dig into the CSS. A content management system does a lot of the hard setup work for you, freeing up time to focus on tweaking and learning how to do things with HTML and CSS.
     
    bs1, Apr 26, 2008 IP
  15. EnPassant

    EnPassant Active Member

    Messages:
    612
    Likes Received:
    26
    Best Answers:
    0
    Trophy Points:
    70
    #15
    I do recommend (w3Schools) tutorials. They are easily organized for guys with no-coding experience.
     
    EnPassant, Apr 26, 2008 IP