Posted by yari.mcgauley on 08/11/05 18:49

Hi,

I have a pretty simple stylesheet, but I'm always looking to minimise
it. My question is, once you have declared a font property, how often
should you use it again?

i.e. I declare:
body { font-family: Verdana; font-size: 10px; color: #865078; }

so, do I need to keep declaring every heading, footer etc as 'Verdana,
10px', or can I get rid of them.

Obviously it would be great to use as little code as possible, but will
all browsers view this ok?


See my entire stylesheet below for more example


<style>
A:Link { color: #4591C8; text-decoration: none; }
A:Visited { color: #4591C8; text-decoration: none; }
A:Active { color: #4591C8; text-decoration: none; }
A:Hover { color: #865078; text-decoration : none; }

body { background-color: #FFFFFF; font-family: Verdana; font-size:
10px; color: #865078; background-image: url("images/nav_bg_woman.gif");
}
td { font-family: Verdana; font-size: 10px; color: #865078; }
h1 { font-size: 22px; font-weight: normal; color: #FFFFFF;
line-height: 22px; margin-top: 0; margin-bottom: 0; }
h2 { font-size: 10px; font-weight: bold; color: #865078; line-height:
18px; margin-top: 0; margin-bottom: 0; padding-left: 20px; }
h3 { font-size: 10px; font-weight: bold; color: #865078; line-height:
16px; margin-top: 0; margin-bottom: 0; }

..left-purple { background-color: #865078; }
..left-blue { background-color: #358AAD; }
..bottom-text {font-family: Verdana; font-size: 13px; color: #FDFEFF;
letter-spacing: 3px; word-spacing: 25px; background-color: #358AAD;
padding-left: 26px; }

..nav-title{ font-family: Helvetica, Verdana; font-size: 21px; color:
#FFFFFF; line-height: 26px; font-weight: normal; letter-spacing: 8px;
padding-left: 20px; padding-top: 5px; }
..nav-left { font-size: 10px; color: #FFFFFF; font-weight: bold;
line-height: 26px; padding-left: 10px; padding-right: 10px; text-align:
right; }
..nav-text { font-size: 10px; color: #865078; line-height: 16px;
padding-right: 25px; }

..feature-title {color: #4591c8; font-size: 10px; font-weight: bold;
font-family: Verdana; line-height: 13px; }
..feature { color: #865078; font-size: 10px; font-family: Verdana;
line-height: 12px; }

..title-01 { font-size: 14px; font-weight: bold; color: #865078;
line-height: 22px; }
..title-02 { font-family: Verdana; font-weight: bold; font-size: 10px;
color: #865078; line-height: 18px; padding-top: 10px; }
..text { font-family: Verdana; font-size: 10px; color: #865078;
line-height: 18px; padding-left: 20px; }

..menu { font-size: 11px; color: #99CA98; font-weight: bold;
line-height: 22px; }
..menu-on { font-size: 11px; color: #FFFFFF; font-weight: bold;
line-height: 22px; }

..submenu { font-size: 9px; color: #DDDDDD; font-weight: bold;
line-height: 18px; }
..submenu-on { font-size: 9px; color: #FFFFFF; font-weight: bold;
line-height: 18px; }

..footer { font-size: 9px; color: #865078; line-height: 14px; }
</style>

Thanks,

Yari

• Next in forum: Re: css: how much / little to use?
• Prev in forum: Re: Inheriting what?
• Thread view: css: how much / little to use?

[Reply to this message]