Multiple Font Classes

Just wondering... say I want to have two different styles to text on a page - I'll say for this example - bold and standard. Now the only thing I want to be different between the two types of text is the font weight... so how do I do that without specifying the other attributes again? eg.

<style type="text/css">
p.textstylenormal {
text-align: center;
font-family: verdana;
font-size: medium;
color: #ffffff
}

p.textstylebold {
text-align: center;
font-weight: bold;
font-family: verdana;
font-size: medium;
color: #ffffff
}
</style>

You can specify attributes to a group of elements and then add/change attributes to each element individually afterwards. That way, you don't have to repeat the same attributes over and over again.


<style type="text/css">
p.textstylenormal, p.textstylebold{
text-align: center;
font-family: verdana;
font-size: medium;
color: #ffffff
}

p.textstylebold {
font-weight: bold
}
</style>

Ah thanks, yup that's what I wanted. :)

I'd do this: Set your standard font rules in the body tag - then apply the class to the exceptions, as below -


body {
text-align: center;
font-family: verdana;
font-size: medium;
color: #ffffff
}

p.textstylebold {
font-weight: bold;
}


Kind Regards,

Gary