15 Must Read Articles for CSS Beginners

Read the full post

Add to Flipboard Magazine.

Are you new to CSS? The initial process of learning this nifty language can be a little daunting, there’s so much to learn it can sometimes be difficult to figure out where to start. Luckily there’s plenty of valuable information and resources out there on the web that covers everything from the basics through to advanced topics. This collection of 15 articles pulls together some of the best must read blog posts for anyone looking to get started with CSS styling.

Resetting Your Styles with CSS Reset

Read the article

This article will help introduce you to the world of CSS practice though style resetting. This tutorial is part of a series of CSS articles that will jumpstart your next project.

Learn CSS Positioning in Ten Steps

Read the article

This tutorial will walk you through 10 steps of CSS Positioning. You will find out different layout properties like position:static, position:relative, position:absolute, etc. and how easy it is to use them.

Internet Explorer and the CSS box model

Read the article

Differences between Internet Explorer and other web browsers can cause CSS beginners a lot of trouble which is why this tutorial will come in really handy if you’re having trouble calculating an element’s width and height.

Specifics on CSS Specificity

Specifics on CSS Specificity

If you’re having trouble with CSS Specificity, this tutorial will be of great help. Have a look and you’ll find each step clearly explained both through text and images.

Faux Columns

Faux Columns

This is a really nice tutorial for CSS beginners which explains the technique of faux columns. This article will help solve many of your problems and will make your next project look really good.

Sexy Ordered Lists with CSS

Sexy Ordered Lists with CSS

Sexy ordered lists with CSS will help you on your future projects. Who says lists have to be boring? If you want to find out more, in this article you’ll find a really good example explained step by step.

Divitis: What it is and How to Avoid it

Read the article

If your code is slow, weighty and difficult to maintain, divitis might be the problem. This tutorial explains what divitis is and gives you some alternate solutions on how to avoid it.

HTML Responsive Web Design

HTML Responsive Web Design

Responsive Web Design will make your next project look good on every device. Reading this tutorial will help you make your own responsive design and will walk you through each step. Have a look!

CSS Sprites: What They Are, Why They’re Cool, and How To Use Them

CCS Sprites

Ever heard of CSS Sprites? If not, this tutorial will explain what they are and how helpful they can be in your next project. This article will teach you step by step everything you need to know about them.

How to Create a CSS Menu Using Image Sprites

How to Create a CSS Menu Using Image Sprites

With the help of this article, you can now build your own navigation bar design using image sprites. You can also check out a working demo of the explained menu or even download the source code to pull it apart and see how it works.

10 Examples of Beautiful CSS Typography and how they did it…

10 Examples of Beautiful CSS Typography

This tutorial represents the writer’s interests on how far we can take Typography using only CSS. You’ll find some really good examples of beautiful typography along with their code.

HTML Entities

HTML Entities

Some characters in HTML must be replaced with symbols or entities. What do you do when the symbol you’re looking for is not on your keyboard though? In this tutorial, you’ll find out what entities are and how easy it is to use them in your next project.

Push Your Web Design Into The Future With CSS3

Push Your Web Design Into The Future

Are you looking for something new to jumpstart your creativity in web design or push your next project into the future? Have a look at this article to see the newest tricks CSS3 has to offer you.

How to use headings in HTML

HTML Headings

This tutorial will help you understand the importance of Headings. They are defined with tags, and they help search engines to index the structure and content of your web pages.

10 HTML Tag Crimes You Really Shouldn’t Commit

HTML Tag Crimes

Have you ever committed an HTML tag crime? Check out this list for the most common coding mistakes before you make any of them and find out alternate solutions for them.

  • 187
100 HD Blurred Backgrounds

Join the mailing list to have new content delivered straight to your email inbox. Every subscriber gets a free pack of 100 HD Blurred Backgrounds + bonus 10 realistic web shadows.

100 HD Blurred Backgrounds

Written by Iggy

Iggy is a designer who loves experimenting with new web design techniques collating creative website designs. You can follow Iggy on Twitter.


  1. hehe says:

    Thanks a ton, Chris! You rock!

    It’s very useful for me and I’m sure it’s useful for many folks.

    Continue writing this type(basic) of articles.

  2. Thanks for this list, when I’ve got the time I’m gonna go through them all ;)

  3. om ipit says:

    im newbie here…
    you’re the best chris

  4. sunil says:

    Need to add some dropdown menus? That is also essential for a beginner?

  5. joão says:

    a great guide, awesome article!
    must add this to my delicious :)

  6. Heiko says:

    Great collection! Love it – just need more time to read them all ;


  7. Alex C. says:

    Great article, really useful for the beginners!

  8. sasdaman says:

    I’ve been working with CSS2 for around 12 months but still these articles are great reference for my learning and I’m sure will help many others not just beginners.

  9. iQbaL says:

    Great list u have man…thanks !!!!

  10. shadowMason says:

    beautiful site… thank you

  11. akkis says:

    Thank you once more Chris!

  12. squareart says:

    Thanks for this collection – think it’s going to keep me busy, but gonna bookmark to come back when necessary.

  13. CSS is sooo powerful….. i just love it and love to learn its tricks more and more

  14. Chris Mills says:

    The Opera web standards curriculum has many useful articles for CSS beginners as well – (disclaimer – I’m the editor!)

  15. marbio says:

    Great article!!!
    Ii seems to contain all I need. Thanks.
    Ciao ;)

  16. dEEPs says:

    Nice 1 !
    Thanks for sharing :)

  17. paul says:

    nice 1 good info. here on css, i been using it for a while but not done some of the nifty things you have listed here! only stuck to the basic obvious needed to put a website together.


  18. Sander says:

    This is really cool. For a moment I thought it was some really cool CSS that presented each page as this image at an angle. Then I looked at the source and saw they were just screenshots :)

    Sometimes the elegant and simple go hand in hand.

  19. Very useful collection of articles for anyone looking to learn a little bit about CSS. Perfect for the designers out there who too often are confused and frustrated by developers and programmers trying to explain their trade. All the basics in one place.

  20. Davor says:

    Really useful list. I like the “divitis” example – it’s a helpful markup guide on how to stay simple and code properly.

    Once again a great article.

  21. disha says:

    nice collection…i learnt all css from net…. :)

  22. Great articles, thanks! :)

  23. Allison says:

    Looks like a great collection of articles. I’ll be referring to this for my next web project!

  24. Matt says:

    I’m so excited I wish I could wet my pants.

  25. Gru says:

    This site has an awesome design!

  26. rif says:

    nice post

  27. Jake Rocheleau says:

    I wouldn’t call myself a CSS Beginner, but some of these are still really interesting reads even after working with CSS for about 1 1/2 – 2 years now

  28. Elena says:

    Thanks for this Chris. These tutorials look great. I just love CSS. This is destined for Delicious. :)

  29. paul says:

    these are a great read!

  30. Leon Dudovich says:

    Really great articles. Guys, please help me, Check it out this website Is that possible to create website in a few days or its some kind of joke? )

  31. ntiremedia says:

    these are garet articals and you have nice and good stuff in ur blog i like it keep it up

  32. Serhat says:

    Thank you. Thats really cool content. I translated them Turkish and shared in my site. Thank you, Chris.

  33. anirudha says:

    nice article for web design

  34. Jaspal Singh says:

    Awesome list for CS beginners.
    Thanks for sharing.

  35. This is indeed a great article. CSS always plays a vital role in web design and it always gives you opportunity to make your website Google friendly. I have compiled few factors ‘why Google loves CSS’ that you can check at

  36. flashscope says:

    fantastic list. good to start your learning of CSS from this articles.

  37. this is the best for those who want to learn css. You cant be a good designer or programmer if you are not good enough in CSS

  38. KIZILSUNGUR says:

    Great article!


  39. Vasudeesha says:

    Good one… Keep posting such articles..

  40. elena says:

    Yep, still a cutie.

    Useful articles too. Thanks.

  41. Ware-Store says:

    Good entrance for novices CSS.

  42. James says:

    Hi , Very nice site,
    Very useful contents.

  43. Jeff G says:

    Awesome post, man. This has been the most needed post I have read this entire year… You hit on some very important points for beginners. Thanks!

  44. Jeff G says:

    Awesome work! This is the best short-list I have found this entire year. Thanks!

  45. Willem says:

    Fantastic. I’ve learnt a helluva lot from this. Thanks a mil!

  46. thanks good post from you

  47. Waterproof Jacket says:

    excellent. very nice template.

  48. thanks !! Great post from you :) Best Regards !!!

  49. Aditi says:

    Wonderful post, Interesting list for CS beginners

Leave a response