1. Home
  2. Computing & Technology
  3. Web Design / HTML

Top 10 Most Popular CSS Tutorials

By Jennifer Kyrnin, About.com

There is a lot to learn about Cascading Style Sheets and I have a lot of CSS articles on this site. These are some of the most popular tutorials that other people have found useful. There is also a CSS glossary, information on CSS selectors, a CSS style properties library, and a free CSS class.

1. Tableless Layouts

Creating layouts with just CSS is the most popular article on CSS on this site. In fact, this is one of the top 50 most popular articles on the site over all. This article explains how to use positioning with CSS to lay out your Web site designs.

2. CSS Media Types Create Print-Friendly Pages

Creating a print-friendly page is easy with CSS. It's just a matter of using the print media type and adding styles that make the page print well.

3. CSS Positioning

Positioning your elements with CSS can be confusing, but once you understand it, you'll never go back to less precise design techniques.

4. "Framed" Pages without Frames - CSS

Did you know that you can fake frames using CSS? Some of the most interesting designs I've seen have used CSS overflow properties to create pages that appear to have frames but don't.

5. Box Model Hack

If you have to design for both IE 6 (5) and Mozilla browsers, you'll need to know how to deal with the different box models. Until all the browsers support the box model in the same way, we'll need to have workarounds that deal with them.

6. Using Links to Create Navigation Menus

It's better to create navigation menus with lists, because that's what they are. But you don't want to have a bulletted list for your navigation. This article explains how to use a list for your navigation, but style it to look like navigation.

7. Styling Links with CSS

Did you know you can make simple text links look like buttons? With CSS you can.

8. The Font Tag versus Cascading Style Sheets (CSS)

Many people still use the font tag because they are familiar with it, but it has been deprecated in favor of CSS. This article explains how to replace your font tags with CSS as well as some of the other things you can't do with the font tag.

9. Rounded Corners Using CSS and No Images

CSS can create fancier designs - and rounded corners are even possible without images.

10. Playing with BLOCKQUOTE and CSS

Long quotations can often look really boring when you leave the blockquote tag alone. But CSS can dress up those quotations and make them look really good.

Explore Web Design / HTML

More from About.com

  1. Home
  2. Computing & Technology
  3. Web Design / HTML
  4. CSS
  5. Most Popular CSS Tutorials - Best CSS Tutorials

©2008 About.com, a part of The New York Times Company.

All rights reserved.