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.

I am CSS Beginner and How to start CSS.

Discussion in 'CSS' started by smorajdeep, Mar 20, 2013.

  1. #1
    I am CSS Beginner and How to start CSS coding. Please explain me.
    smorajdeep, Mar 20, 2013 IP
  2. themes4all

    themes4all Active Member

    Messages:
    535
    Likes Received:
    38
    Best Answers:
    6
    Trophy Points:
    75
    #2
    read a tutorials and learn HTML, try to make a template and css layouts... Learn learn ad learn !
    themes4all, Mar 21, 2013 IP
  3. Spixels

    Spixels Member

    Messages:
    32
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    48
    #3
    Here are some great tutorial sites for css

    www.w3schools.com (my fav)
    csstutorial.net
    echoecho.com

    And of course make your own little projects to test your knowledge, if you don't apply it it'll be harder to learn.
    Spixels, Mar 21, 2013 IP
  4. gandalf117

    gandalf117 Member

    Messages:
    110
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    28
    #4
    When it comes to CSS my advice is to concentrate on practice and not on reading. It's really not that hard but you need a ton of practice.

    Of course you have to do some reading but the best way to learn CSS is by completing small particular tasks.
    gandalf117, Mar 22, 2013 IP
  5. CharlieL

    CharlieL Active Member

    Messages:
    69
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    55
    #5
    Start with the free, interactive CSS lessons on http://www.codecademy.com
    CharlieL, Mar 22, 2013 IP
  6. Clare12345

    Clare12345 Greenhorn

    Messages:
    17
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    11
    #6
    Another thing that helps in the beginning is to take a webpage that already has it's CSS fully coded and begin to edit it. You could try a WordPress installation and play with the code from there.
    Clare12345, Mar 24, 2013 IP
  7. cronik

    cronik Active Member

    Messages:
    491
    Likes Received:
    16
    Best Answers:
    0
    Trophy Points:
    80
    #7
    What do you know so far? I would practice building html/css web templates, learn how to code the different layouts and really get familiar with CSS. It's not that difficult but it takes a lot of practice and experience to master it. CodeCademy.com is good, I like how that was mentioned. YouTube is also great if you prefer to learn by watching. It all comes down to how much you practice, and how you prefer to learn things.

    Also, if you're interested in creating WP themes I would download a theme called blankslate, its a theme with no styles, but all the html elements have id's and classes assigned to them so you can just focus on the CSS side of things. It's a great way to become familiar with CSS and WP at the same time.
    Last edited: Mar 24, 2013
    cronik, Mar 24, 2013 IP
  8. Hefaistos

    Hefaistos Active Member

    Messages:
    157
    Likes Received:
    13
    Best Answers:
    9
    Trophy Points:
    63
    #8
    First, you need to read a bit about HTML and how to style elements with css. What you find on http://www.w3schools.com/ will be enough to have a clue about what is css , existent properties and how things works.
    After this, search for a free HTML template, or any website template that has some HTML and a stylesheet attached.
    Download Firefox , install "Firebug" addon and use this to inspect each template element.
    Enable or disable properties with Firebug , modify values and take a look what each of them does.
    After you get a bit familiar with css , you can try to make a simple HTML page with few blocks, and some easy stuffs , attach to it a stylesheet and try to give this page a look as nice as you can and so on , until you are ready for more advanced things.
    Hefaistos, Mar 24, 2013 IP
  9. datawiz

    datawiz Peon

    Messages:
    20
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    3
    #9
    you can also try to download free psd files or allowable web design templates from sites like deviant art (with permission from the designer of course), and reproducing the css for them. This is assuming that already have a basic working now of css
    datawiz, Apr 10, 2013 IP
  10. dafuqjoe

    dafuqjoe Greenhorn

    Messages:
    34
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    6
    #10
    You can only learn it by practicing. Trying.
    dafuqjoe, Apr 10, 2013 IP
  11. acamso

    acamso Greenhorn

    Messages:
    47
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    18
    #11
    I always use http://www.w3schools.com/css/default.asp for CSS
    acamso, Apr 11, 2013 IP
  12. alka007

    alka007 Member

    Messages:
    354
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    45
    #12
    Two important CSS tips for beginners:
    • reset.css
      When rendering CSS styles, different browsers handle them in different ways. reset.css resets all the fundamental styles, so that you always starts with a blank new stylesheets.
    • Shorthand CSS
      Shorthand CSS gives you a short way to write your CSS codes, it also makes the code cleaner and simpler.
    alka007, Apr 11, 2013 IP
  13. rohittripathi

    rohittripathi Greenhorn

    Messages:
    51
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    16
    #13
    The front end development main important thing do as much as possible practice, because how much difficulties arise and u solve, your points getting clear,
    so learn start from beginning http://www.w3schools.com .
    rohittripathi, Apr 23, 2013 IP
  14. BradsFX

    BradsFX Active Member

    Messages:
    78
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    53
    Digital Goods:
    2
    #14
    How I got into CSS was by watching YouTube video's then follow along, then I would delete it all then try re code it by myself, seems to have worked.
    BradsFX, May 13, 2013 IP
  15. AdamUK89

    AdamUK89 Active Member

    Messages:
    69
    Likes Received:
    1
    Best Answers:
    1
    Trophy Points:
    75
    #15
    Hello,

    There are many ways to get you started on how to learn CSS, search google, watch youtube videos and also buy books on CSS from places like amazon or ebay.

    Regards,
    Adam
    AdamUK89, May 13, 2013 IP
  16. harish27

    harish27 Greenhorn

    Messages:
    4
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    21
    #16
    If you want to learn web design means you just go and use Adobe Dreamweaver. Best tutorial for web designer beginner is www.w3schools.com and www.blog.joomla-developers.com. First you got to try table methods.
    harish27, Jun 4, 2013 IP
  17. aidanriley629

    aidanriley629 Well-Known Member

    Messages:
    391
    Likes Received:
    15
    Best Answers:
    3
    Trophy Points:
    175
    #17
    I completely agree. While doing this, have w3schools open as a reference to see what you need to type to change things, and what they do.
    aidanriley629, Jun 8, 2013 IP
  18. Jahnib

    Jahnib Peon

    Messages:
    2
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    1
    #18
    Complete the Web Fundamentals track on Code Academy.
    Also check out CSS Tricks - it's a great resource for CSS.
    Jahnib, Jun 16, 2013 IP
  19. itechyou

    itechyou Well-Known Member

    Messages:
    305
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    110
    #19
    If I were you, I would give Lynda.com Video tutorials for CSS a try. Its always better to learn with some audio visual stuff. I learnt CSS that way. Maybe it will be helpful for you as well.
    itechyou, Jun 17, 2013 IP