Learn CSS step by step
This website is all about CSS, a key tool in web design. In case you’re not familiar with CSS: CSS is the sister technology to HTML that is used to style your web pages. The details are in the tutorial, but for now we can say that CSS can make your web pages look great!
Written with beginners in mind
As with all my writing, I tried to make this web design tutorial on CSS as easy as possible to follow. Instead of a boring-nerd centric style, I’ve used more of a conversational style.
This tutorial website is like anything else in life; you get back what you put into it. So if you really want to learn how to design great looking pages, resist the temptation to stop halfway to use a web design program like FrontPage or Dreamweaver. By finishing the tutorial you will gain a big advantage over all the others out there that gave up!
Don’t get me wrong, this stuff isn’t that hard; it’s just that some people are really lazy!
How this website is set up
The website has 3 major sections:
- The introduction to CSS
We cover the basics and show you a few neat tricks. - A complete CSS tutorial
We get down and dirty here giving you a solid foundation in CSS so you can use it in your own web design work right away! - Additional CSS Resources
Supporting articles on CSS web design and a link takes you to an active CSS forum where you can ask any questions you may have.
Once completed, you will have taken the next step towards total nerd glory with these articles on creating a pure CSS web page. Not just CSS styling, but CSS positioning too, that means no tables required!
Once completed, you will be creating pages in sophisticated ways that 99% of web designers don’t even consider! Needless to say, you will have an advantage over the competition. All this is 100% standards compliant and should work in 99% of browsers being used today.
I've just created a beginners video on CSS to help you guys get going a little faster. My suggestion would be to watch the video and then come back here and do the tutorial.
Watch the Video
Latest Blog Posts
-
CSS Learning System for Educators
May 21, 2013
Hi,
I am just going to be doing a little self promotion in this blog post … it happens once in a while!
Teaching CSS, Web Design and Programming Made Simple:
For teachers who are going to be teaching web design, I just released a new video training system designed to help educators teach HTML, CSS, PHP, MYSQL, JavaScript and other basic web design subjects:
What makes this system interesting is what it does for teachers:
-
CSS Layouts Training Video : Generic Text Editor – Nested Footer Divs
June 25, 2012

This is part 1 of a 2 part video tutorial from our CSS Layouts: Generic Text Editor Course, where we teach you how to create some nested footer divs.
-
CSS Layouts Training Video : Generic Text Editor – Styling Nested Divs
June 18, 2012
In this video tutorial from our CSS Layouts: Generic Text Editor Course, we teach you how to clean up and style your nested divs. To find more courses on Web Design and CSS, check out our Killersites Video Tutorial Library! Note that all of our videos are in a higher quality when purchased from our [...]

Subscribe to RSS