I think when you write "position: absolute" you have to put the "left" and "top" things right after. But actually, if there's only one of those properties, then the browser can parse them in any order.

The order of stuff after the selector is a matter of your coding style, and I don't think there's a standard.

Personally, I like to talk about the box model first, then the fonts.
From outside to inside
From parent to child
From top of the page to bottom

So within a selector, it would go something like:
postiion
width, height
border
margin, padding
background
font-family
font-size
font-weight
font-style
text-transform
tex-decoration

But my recent documents are a little sloppy in that respect.

In short hand, the two or three or four sizes that you write after the colon have an order. I'm not sure if there's a strict order for "border: 1px solid #fff;" or if you can write "border: dashed #4f4 2px;"

BTW, on that note, I found out that the only thing you need to make a border happen is "solid" or "dashed" or whatever. The rest can be built from defaults, which are "3px" and the color of the text inherited.

border: solid;

"link, visited, hover, active" is important for old IE, or maybe for strict parsing, but all the browsers I tried can come up with a policy given the slightest information. I just say "a" for normal, and then "a:hover" for rollover. But I guess I need to clean that up.

I'm caring less about IE, as long as the content is visible. I'm not stressing out if one of my fancy effects doesn't function in a browser that can't even smooth the fonts.


So is that it? Anybody got any better info?