1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

Whats the best way to learn CSS

Discussion in 'CSS' started by wishmaster22, Jun 10, 2006.

0
  1. #1
    Hi,
    I have seen some ready nice looking sites done with css. Where should I go to learn css and how long should I expect it to take to be very good with it?

    Thanks
     
    wishmaster22, Jun 10, 2006 IP
  2. pachecus

    pachecus Well-Known Member

    Messages:
    1,841
    Likes Received:
    62
    Best Answers:
    0
    Trophy Points:
    110
    #2
    pachecus, Jun 10, 2006 IP
  3. malc

    malc Peon

    Messages:
    129
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Css is not really hard to learn. You will know lots really fast if you just make some basic sites using Dreamweaver or FrontPage and practice.
    Like pachecus said, www.w3c.org also has some very good tutorials.
     
    malc, Jun 10, 2006 IP
  4. wishmaster22

    wishmaster22 Banned

    Messages:
    135
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    is it mostly done by hand coding or is there shortcuts for dreamweaver or some other program to make it easier. Is it a long process to build a site or is it something that once you get the basics done , goes fast?
     
    wishmaster22, Jun 10, 2006 IP
  5. malc

    malc Peon

    Messages:
    129
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    0
    #5
    Dreamweaver makes it very easy for you to build basic and complicated sites with many examples and "shortcuts".
    You can build a site in as little as a few hours.
    CSS is hand coded but like you said; "once you get the basics" it's very easy.
    If you have a smaller site you can even just use "tables" instead of css and that is as easy as learning basic "html"
     
    malc, Jun 10, 2006 IP
  6. kk5st

    kk5st Prominent Member

    Messages:
    3,497
    Likes Received:
    376
    Best Answers:
    29
    Trophy Points:
    335
    #6
    The links Pachecus gave you are very good. Study the tutorials, and practice the lessons. For css layouts, Google for that search phrase. There are lots of layout tutorials too.

    Do not use Dreamweaver or Frontpage thinking you will learn from their generated codes. The code they churn out is crap. Do not even think about using table layouts.

    Once you achieve a degree of proficiency, you will be able to rough out a page almost as quickly as you can type. There is still the usual tweaking, but if you've used well structured, semantic and valid html along with well thought out css posotioning, it will be an easy go.

    CSS is a powerful tool set. Use the right tool for the job, and it's easy. Choose the wrong tool/method, and things can get very complicated very quickly.

    cheers,

    gary
     
    kk5st, Jun 10, 2006 IP
  7. mdvaldosta

    mdvaldosta Peon

    Messages:
    4,079
    Likes Received:
    362
    Best Answers:
    0
    Trophy Points:
    0
    #7
    Easiest way (how I learned) was learning to edit an existing CSS design to your liking, then after some experience try coding some sites by hand. Building in a WYSIWYG editor is helpful too, as you can create the overall layout then tweak it by hand (how I do it most of the time, I only fully code simple stuff by hand - way to time consuming and I always find I have trouble figuring something out).
     
    mdvaldosta, Jun 10, 2006 IP
  8. malc

    malc Peon

    Messages:
    129
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    0
    #8
    I agree mdvaldosta, I was trying to say something similar in my post.
    Worked for me. People always try to make it sound so complicated.
    Dreamweaver rock's yeh!
     
    malc, Jun 10, 2006 IP
  9. wishmaster22

    wishmaster22 Banned

    Messages:
    135
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #9
    Downloaded a free css template and played around with it. Seems like the hardest thing is finding the right place to edit in the areas that you want to edit. All the areas in the css style sheet are labeled and its comments are hard to understand what does what. If that makes any sense the way I am saying it. :confused:
     
    wishmaster22, Jun 10, 2006 IP
  10. ddeton

    ddeton Peon

    Messages:
    5
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #10
    You can learn basic syntax of Cascading Style Sheet (CSS) at W3schools.com
    Please visit this link: http://www.w3schools.com/css/default.asp ok:D

    Example CSS:

    Set the font of a Text

    <html>
    <head>
    <style type="text/css">
    h3 {font-family: times}
    p {font-family: courier}
    p.sansserif {font-family: sans-serif}
    </style>
    </head>
    <body>
    <h3>This is header 3</h3>
    <p>This is a paragraph</p>
    <p class="sansserif">This is a paragraph</p>
    </body>

    </html>
     
    ddeton, Jun 11, 2006 IP
  11. 26global

    26global Peon

    Messages:
    100
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #11
    26global, Jun 11, 2006 IP
  12. sgtsloth

    sgtsloth Peon

    Messages:
    205
    Likes Received:
    7
    Best Answers:
    0
    Trophy Points:
    0
    #12
    CSS can be overwhelming if you try to learn everything at once. Just start with something simple. For example: learn how to change backgrounds, or learn how borders work, play with fonts, change margins and padding, etc...

    There's still stuff I don't totally understand, so take it step by step.
     
    sgtsloth, Jun 11, 2006 IP
  13. ultradesign

    ultradesign Peon

    Messages:
    126
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #13
    I can`t make a CSS script from scratch but i managed to customise a CSS template without any CSS special skills. It isn`t so diffcult. But is very important to know what you are doing.
     
    ultradesign, Jun 17, 2006 IP
  14. AdamSee

    AdamSee Well-Known Member

    Messages:
    422
    Likes Received:
    28
    Best Answers:
    0
    Trophy Points:
    135
    #14
    There's nothing like having some paper books to read though! Bulletproof Web Design by Dan C is a brilliant place to start and will really give you a solid foundation.
     
    AdamSee, Jun 17, 2006 IP
  15. wishmaster22

    wishmaster22 Banned

    Messages:
    135
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #15
    Okay!

    I started playing around with a css template.

    Tell me what you think http://www.get-paid-at-home.com


    Thanks.


    Still not able to do it from scratch ..Yet.
     
    wishmaster22, Jun 17, 2006 IP
  16. Tyler Banfield

    Tyler Banfield Well-Known Member

    Messages:
    3,027
    Likes Received:
    173
    Best Answers:
    0
    Trophy Points:
    160
    #16
    CSS Zen Garden is an good web site/book for CSS inspiration
     
    Tyler Banfield, Jun 17, 2006 IP
  17. Question

    Question Peon

    Messages:
    3
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #17
    Adamsee, your four shapes web site is gorgeous
     
    Question, Jun 17, 2006 IP
  18. wishmaster22

    wishmaster22 Banned

    Messages:
    135
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #18
    I agree Nice site adamsee.
     
    wishmaster22, Jun 17, 2006 IP
  19. AdamSee

    AdamSee Well-Known Member

    Messages:
    422
    Likes Received:
    28
    Best Answers:
    0
    Trophy Points:
    135
    #19
    Thanks fellers :)
     
    AdamSee, Jun 18, 2006 IP
  20. KGL

    KGL Peon

    Messages:
    1,155
    Likes Received:
    30
    Best Answers:
    0
    Trophy Points:
    0
    #20
    Thats exactly how I learned.
     
    KGL, Jun 20, 2006 IP