35 Websites To Teach You How To Use CSS Effectively
CSS ( Cascading Style Sheets) are the modern standard for presenting website. Combined with structural markup language like HTML, XHTML – CSS fully take care about presentation part, creating that good concept – HTML = Content, CSS = Presentation. If you know CSS, you can really do everything controlling spacings, borders, positioning, margins, paddings, colors, fonts, background images, hover effects and more presentational effects. CSS is really easy to understand, and in my opinion every graphic designer should have at least simple coding skills with HTML and CSS, because CSS is really still design part, not really coding.
In this article, you’ll have all the best resources available, which will teach you how to use CSS really effectively. I started myself with W3Schools and HtmlDog – pick your own favorite and stick with it! Also I wanted to mention especially Css-Tricks website and Delicious CSS tag usage – there you will find never-ending sources of CSS resources, you could ever need! Enjoy and good learning!
1.W3Schools CSS Tutorial Section
2.HTMLDog – CSS Tutorial Section
3.CSS-Tricks Tutorials, Articles And Screencasts
Great website maintained by Chris Coyier, who constantly offer on his site many useful CSS tutorials and screencasts.
4.Google Videos – CSS
5.A List Apart – CSS Tutorial Section
6.RichInStyle CSS Tutorial Section
7.HTMLGoodies CSS Tutorial Section
8.CSS-Discuss Wiki Tutorial Section
9.Positioning Is Everything
10.Learn CSS Positioning in Ten Steps
11.456BereaStreet: The CSS, HTML, and JavaScript Lab
12.CSSBasics Tutorials
The following chapters cover all the basics of CSS design.
13.CSS-Play – List of Demonstrations
14.Tizag CSS Tutorial Section
15.CSS Help Pile
A huge pile of CSS-related tips, tricks, showcase sites and resources – everything in very well categorized way.
16.Holy CSS Zeldman! – CSS, Accessibility and Standards Links
Huge resource and link collection covering everything releated to coding, CSS, standards, books and so on.
17.Eric Meyer : CSS Section
18.Andy Budd Links
Big collection of websites and CSS related articles.
19.CSS Zen Garden
Beautiful website showing a demonstration of what can be accomplished visually through CSS-based design. Select any style sheet from the list to load it into this page. You can download HTML and CSS file to inspect each design submitted here and learn how unique CSS effects are achieved!
20.Delicious CSS Tag
Delicious takes care of big statistics and you can rapidly find out – what’s hot now in CSS section (recent/popular) and also try to use not only CSS tag – but CSS together with Tutorial, Reference, Blog etc. to filter that list more suitable to your own needs.
21.MaxDesign CSS Tutorial And Resource Site
CSS resources and tutorials for web designers and web developers – various collections with many navigation examples( Listamatic, Listamatic2) and several tutorials (ListTutorial, FloatTutorial,SelectTutorial) as well.
22.CSSEasy Tutorial And Resource Site
Free fixed and fluid CSS layouts, the modern way to learn CSS – inspect youself premade layouts to get better understanding how they work.
Select a layout and go to “View > View source” to view the layout’s source, then copy-paste the code in notepad and safe the file as index.html. Study the code and watch the changes when you change something. (best results with Firefox, download link available in the webmaster tools section on this site)
23.EchoEcho CSS Tutorial Section
24.CSS-Discuss Information
This site is primarily intended to be a place for authors to discuss real-world uses of CSS. This doesn’t preclude discussions of theory, or nifty cutting-edge tricks that show off the power of CSS, or even talking about (X)HTML, DOM, and so forth. Site has nice Wiki CSS section!
25.Web Design From Scratch
Scratchmedia are a London UK based Web design agency, which has impressive collection of web design related tutorials and articles, CSS section featured here.
26.CSS-Tutorial
These tutorials on web design/CSS makes learning this stuff fun and easy – you will be up and running in no time because it ain’t that hard!
27.CSS Dog Resources And References
Learn about CSS shorthand properties, CSS references and CSS3 selectors all in one place!
28.Web Developer’s Handbook
Huge resource list site featuring many articles and websites, which are directly related to web developing process, which also include CSS of course!
29. CSSDocs CSS Properties
CSS Documentation Shortcut – just input your interesting css property and you’ll get full explanation to it, very handy, if you know what are you searching for, but forgot how specifically code looks.
30.Stylegala CSS Reference Section
31.CSS 3 reference guide, tutorials, and blog
32.CSS Cheat Sheet
Extremely useful one page CSS cheat sheet – I strongly suggest to print it out for later reference.
33.CSS Property Index
All CSS Properties Listed Alphabetically
34.Sitepoint CSS Reference
35.WestCiv CSS Tutorial Section
If I have missed some useful sites – feel free to share them, I’ll edit this article and add them to list if those sites will be worthy!
Did you enjoy this article and found it useful?
Get even more from us:









































Fornace
Posted 14 days ago 38Thanks for sharing, improving css techniques is fundamental. I bookmarked half of your sites :)
AffordableWebDesignCT
Posted 73 days ago 37Thanks for the list of resources. Absolutely necessary to gain a good grasp of CSS. I am still very much a beginner so this list will help me in honing my skills.
CSS Sites
Posted 93 days ago 36Wow! Such a good infomation.
PhotoshopWarrior
Posted 121 days ago 35That’s an awesome list for learning CSS extensively :P
Domain Registrar
Posted 160 days ago 34Awesome list. This will come handy when complex CSS manipulation and tweaking. Thanks for sharing, I’ll share this with other developers and bookmark this as a reference.
halfmad260
Posted 192 days ago 33nice blog.i like it.please upload such type of content which are useful for web development loving people.thanks
Fernando
Posted 211 days ago 32You guys forgot http://www.css-tricks.com really great web page for css
shapewear
Posted 227 days ago 31This is exactly what I needed, thanks for this.
Daskar Hosting
Posted 248 days ago 30Great Post! Websites are like books.. Now yours is a Library. Hats Off!
Prasadnti
Posted 463 days ago 29Hi,
Creating rounded corners with CSS.
No need to design the rounded corners for curved boxes.
I have tried my self. It reduced my work
http://varadesigns.com/css-tricks/create-rounded-corners-with-css.html
-vara
G13 Media
Posted 654 days ago 28This is a super super nice list of sites to add to my bookmarks
.-= G13 Media´s last blog ..Web Site Design San Diego Seo =-.
Strange
Posted 708 days ago 27Thank you! Very useful information on using CSS!
Caricature
Posted 711 days ago 26Thanks for your sharing. The css can help me to improve my design.