Alt-Web Design & Publishing CSS Font-Size Demo

Or, How I Make Font-Sizes Appear Cross Browser Compatible

/**reset default browser settings on everything**/
* {margin:0; padding:0; font-size: 100%; line-height: 100%;}

/**set default font and color**/
body {
font-family: Verdana, ariel, helvetica, sans-serif;
color: #000;}

/** for non-IE browsers **/
body {font-size: 1em}

/** for IE only **/
*body {zoom: 100%; font-size:76%;}

/** text styles **/
h1,h2,h3,p {padding-top: 10px; margin-bottom: 1em;}

h1 {font-size: 1.8em; color:#666;}
h2 {font-size: 1.3em; color:#006699;}
h3 {font-size: 1.1em; color: #336666;}
p {font-size: 0.90em;}

This is Heading 1 (1.8em)

This is Heading 2 (1.3em)

This is Heading 3 (1.1em)

This is normal paragraph (0.90em)


Help Feed the Kitty

Your support helps us continue these efforts.

Credit Cards Accepted

 

© 1995-2012 | Alt-Web Design & Publishing | California

Web : Graphics : Print : Media Specialists

Home | Links | Tools | Templates | Contact