Step by Step Learning

Learn All About CSS

Start the Tutorial

You’ve come to the right place to learn CSS. My 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!

CSS makes web design much easier. Using CSS you will be able to put out pages with much less work, that load much faster, and will be easy to update and print!

Learn CSS Easily with my Interactive CSS3 Course  learn more

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!

Get Crazy Cool CSS Tips! Newsletter Signup

Three ways to learn CSS:

  1. Buy my 5 star rated book on amazon.
  2. Get my interactive video course on HTML5, CSS3 … and it covers much more!
  3. Do this websites’ tutorial: Start Learning Basic Concepts in CSS »

If you have questions, feel free to contact me.

Stefan

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:

  1. The introduction to CSS
    We cover the basics and show you a few neat tricks.
  2. 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!
  3. 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.

Latest Blog Posts

  • Middle School Web Design Course that Teaches Actual Code

    August 4, 2017

    A teacher called yesterday, looking for a web design course that teaches actual code. Like other teachers I’ve spoken to, she understood that dragging around blocks on screen, where the app writes the code for the student, is not the same as the student actually writing the code themselves! The fallacy of many code courses […]

    read more

  • How to Teach Web Design in the Classroom

    July 26, 2017

      Let’s start with the main elements of an effective web design course: Lessons plans should be open ended, to allow for students of different abilities. Courses should be self-paced. Again, to accommodate students of different aptitudes. Lessons should be video based. Lessons should be interactive and provide immediate feedback. Courses should be gamified. The […]

    read more

  • Make YouTube and Vimeo Videos Responsive with CSS

    May 30, 2017

    Hi, I recently made some videos on StudioWeb.com’s home page responsive with some simple CSS code. Here is the code that should be written in between your CSS style block: .responsive-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; margin-bottom: 50px; } .responsive-container iframe { position: absolute; top: 0; left: 0; width: […]

    read more

Top of Page