CSS Shorthand – I Need To Read More.

by WeblashAdmin on May.25, 2010, under CSS, stylesheets, web development

I stumbled upon this little shorthand trick today for CSS.

This…

.myFontStyle {
font-weight: bold;
font-style: italic;
font-variant: small-caps;
font-size: 10px;
line-height: 12px;
font-family: verdana, sans-serif;
}

is the same as this:

.myFontStyle {
font: bold italic small-caps 10px/12px verdana,sans-serif;
}

There’s a great slidedeck on CSS architecture here.

:,

Leave a Reply