Shorthand CSS code

Click for CSS Code

body{
font-size:100%;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000000;
background-color:#FFFFFF;
}

h1{font-size:1.5em;}
h2{font-size:1.2em; color:#333333;}
h3{font-size:1em; color:#666666;}
h4{font-size:.9em; color:#999999;}
h5{font-size:.8em; color:#CCCCCC;}
h6{font-size:.7em; color:#666600;}

p, blockquote, ul{
font-size:.8em;
}

p{
font-weight:bold;
}

blockquote{
padding:5px;
border:1px solid #999999;
background-color:#DEDEDE;
}

ul{
font-variant:small-caps;
}

The shorthand version of the CSS code should be used where possible. Keeping styling code down to a minimum helps with both page load speed and in the long term when de-bugging code.
In this version you can see that I have cut down the "blockquote" border properties & padding properties. I have also combined the "p, blockquote, ul" tags to share the ".8em" font size.

Website Design | Website Design Company | Web Development Get a beautiful website design. Studio Web is a results oriented web design & online marketing firm serving companies worldwide.

Sponsored Link

‘Above the Fold’ in Web Design – Dead and Gone? Read more about Template Monster Blog - Part 6 by blog.templatemonster.com

The “Above the fold” term has successfully migrated to graphic design sphere from the publishing industry (just like many other wonderful things including typography etc.), to be precise this term was applied to the newspaper layout. You all know that the big stories are placed in the upper part of the newspaper (which was called ‘the fold’ ), and therefore these big stories were seen instantly when you are about to take a newspaper into your hands. Usually if you are interested in reading the main article you have to unfold the newspaper. So, in general this term can be applied to anything that must be displayed prominently. In web design “fold” or “scroll” is an imaginary line which separates two areas – first is the one that’s seen before the user will have to scroll and the other is under the scroll. According to the statistics “above the scroll” zone is one third from the whole page and this area is considered to be the most attractive for the visitors.

Read more about Template Monster Blog - Part 6 by blog.templatemonster.com website design