Showing posts from June, 2012

Ten CSS tricks

1.  CSS  font shorthand rule When styling fonts with  CSS  you may be doing this: font-weight: bold; font-style: italic; font-variant: small-caps; font-size: 1em; line-height: 1.5em; font-family: verdana,sans-serif There's no need though as you can use this  CSS  shorthand property: font: bold italic small-caps 1em/1.5em verdana,sans-serif Much better! Just a few of  words of warning : This  CSS  shorthand version will only work if you're specifying both the  font-size  and the  font-family . The  font-family  command must always be at the very end of this shorthand command, and  font-size  must come directly before this. Also, if you don't specify the  font-weight ,  font-style , or  font-variant  then these values will automatically default to a value of  normal , so do bear this in mind too. 2. Two classes together Usually attributes are assigned just one class, but this doesn't mean that that's all you're allowed. In reality,  you can assign