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
October 4, 2013
One of the classic problems with websites, is that they don’t print very well. That means that page elements (text, images, etc.) don’t line up, unwanted images and navigation links get printed – you basically have very little control, in terms of how your web pages look when they are printed.
What is the solution!!
The ‘old-school’ way, was to create separate ‘printable’ pages – this is a big waste of time! Instead, with the power of CSS, you will only need to make a few simple additions to your web pages and they will be printer friendly.
July 22, 2013
You keep updating your CSS stylesheet but the browser loads the old one from cache and so when a returning visitor loads the site, the layout gets screwed up. This is basically a CSS caching problem.
May 21, 2013
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:
What makes this system interesting is what it does for teachers: