[...]CSS coding conventions / Stoyan’s phpied.com[...]…

.footer-copyright distracts far more then footerCopyright plus for people who copy and past try to double click on the first and then the second see what the difference is

You can do this by setting font family and some other standard settings on a more global level, such as in the body tag or on div tags that you know will encapsulate a number of others. This way you don’t have to so redundant. I think that I would add a space after the semi-colon, and would also put a blank line or two between blocks of related items. A comment here or there, probably wouldn’t hurt either.

The issue of capitalization is an important one. In my own code, I’m all over the place on this and really need to get my act together.

For a instance..

Eg:
#header{
margin:10px;
background:red;
padding:10px;}
.
.
.
.

#footer{
margin:10px;
background:green;
padding:10px;}

Instead of writing one by one,if you write in single line and compare the CSS file size.The below example file size will be less.

Eg:
#header{margin:10px;background:red;padding:10px;}
.
.
.
#footer{margin:10px;background:green;padding:10px;}

if you write in single line and reduce the spaces then you can easily avoid the file size of the CSS.

I personally, am a fan of camel casing my IDs, classes, etc. For those unfamiliar (really?), thisIsCamelCasing or for a real world example “#mainNavigation”. I find them just as easy to read, and much easier to type than using hyphens, and A LOT easier to type than using underscores.

A point people probably never considered is the ease of perusing text in a WYSIWYG’s using naming conventions. Hyphens slow down your text-cursor when cruising a line of text because it stops at each hyphen, whereas it skips right over camelCasing. Minor convenience, but I find it invaluable.

I still use hyphens, but only to distinguish between a .class-subClass-subSubClass type of scenario.

By the way, I agree with you on the shorthand notation. Every once in a while you run into syntax you seldom see and wonder w.t.h. is going on. I have some exceptions, I use shorthand for margin:Top Right Bottom Left; and for border:1px solid #HHEEXX.

I don’t put spaces after colons, only after semi-colons between styles in a single pair.