CSS Tutorials

Learn CSS to take a website to the next level

Tables in HTML can get messy and make your site “heavy” with code. Though CSS can be tricky at times, in the end you will have a slick looking “lightweight” site. CSS should be learned alongside learning HTML. The following CSS Tutorials should provide an excellent start.

What can be accomplished via CSS? Head over to CSS Zen Garden to catch a vision of what you can do. On this site you can see the power of CSS in action.

Having caught the vision of CSS, put it into practice. The first place to start is CSS Tutorial, yet another site in the Killersites family. CSS Tutorial introduces beginners to CSS in three simple lessons.

After those simple lessons move on to CSS Max Design to learn more about defining a website layout with CSS. Click on the Floatutorial section. Lessons eight and nine are web site layout tutorials. Practice building both a two column and three column layout. Try using the same content for each layout - this is where the power of CSS comes in. CSS can take any content, and then present it anyway you want. Go back to the CSS Zen Garden site to see how this works.

Once you have a three column layout, take it to the next level. Design it so that the content of your page comes first, and everything else comes last. Position Is Everything has a tutorial just for that task. Following their design, all columns will end up being the same length no matter the size of the content inside them, and it will translate well to all browsers.

For advanced CSS users, West Civ is the place to go. They offer a wide selection of free tutorials. You may also purchase some more heavy duty courses that go more in depth. Their prices are reasonable when compared to purchasing a computer book from a local retailer.

The following sites are all the tutorials needed to learn how to build web sites using HTML and CSS. For easy reference, those sites are the following:

How-To-Build-Websites
Killersites
Secret Sites
W3Schools
CSS Zen Garden
CSS Tutorial
CSS Max Design
Position Is Everything
West Civ

Link to This Page:


Subscribe to Recommended Web Tools Content

Recommended Web Tools strives to provide valuable content to beginning web developers. Stay in touch with our content by subscribing to the Recommended Web Tools Blog Feed:

Subscribe to the RWT RSS Feed

Subscribe to the RWT Atom Feed

Or if you prefer to keep in contact via email, sign up for our newsletter. Sent weekly, the newsletter provides a summary of the past week's blog posts. On rare occasion, no more than quarterly, other email announcements will be sent. Simply fill in your email address and click "Subscribe".

Keep Informed

RSS & Atom Syndication

  • Subscribe to the RWT RSS Feed
  • Subscribe to the RWT Atom Feed

Email Updates

Weekly Blog Updates
plus Quarterly Newsletter
Subscription Details