CSSTUT.com

Lists are amazing. They are possibly the best way to make menus, list links, and anything else. They are semantic, have little markup, and are relatively cross-browser friendly.

Basics

ol stands for ordered list. This will show a number before each list item. ul stands for unordered list. This will be a normal list, with a bullet in front of it. An li is used on both ordered, and unordered lists. li stands for “list item.”

<ol>
	<li>List Item 1</li>
	<li>List Item 2</li>
	<li>List Item 3</li>
</ol>

Read the rest of this entry »

The idea of a reset.css is to set all of CSS attributes to their default value. This will remove all borders, margins, padding, backgrounds, etc… leaving nothing to the decision of the browser… which could be good or bad.
Read the rest of this entry »

In case you were unaware, IE6 applies what is known as the double margin bug to anything floated in the same direction as the margin. For example:

.left-col {
	margin:0 0 0 10px; padding:0;
	width:auto; height:auto;
	float:left;
}

Almost all other browsers wouldn’t have a problem with this. However, for some unknown reason, IE6 likes to double the left margin. So in essence, this is margin:0 0 0 20px; for IE6.
Read the rest of this entry »

Typography has become more and more important to me over the past month or two. The advanced possibilities with CSS really open a whole new world. But all this talk of PXs and EMs may have you quite confused and intimidated. However, I hope to clear up a few things in this article, and help you explore the many wonderful ways typography and CSS can work in harmony.

Typography is the art and techniques of arranging type, type design, and modifying type glyphs (Wiki.)

Read the rest of this entry »

Comment: provide interlinear explanations for words or phrases

Looking for a way to organize your stylesheets? Using CSS Comments allows you to organize, group, and describe your CSS. Imagine receive a document with 0 comments, and poorly organized document structure. Would be pretty frustrating, no?

Just like ordering your attributes the same way each time, it is a very good practice to start setting up your documents the same way as well. Pick out a commenting style that is good for you, and stick with it.

Read the rest of this entry »

Recently I have been using EMs for a variety of reasons. I won’t go into detail, but they rock. I still don’t know the common ones by heart, so I often use Calculator. It’s quite helpful.