Dev Corner

When we use font tags, we need to set the style for each paragraph in a document.

<p><font color="#0000aa" face = ""Lucida Grande",Verdana,Arial,"Bitstream Vera Sans",sans-serif">
      This is a paragraph, that uses the deprecated font tag. If we want to make more one like it we 
      should use another font tag. This makes the system unsafe, because if we want to change
      something, then we will have to edit all the tags.
</font></p>

Solution

Using CSS, we would simply define in the style sheet that the color property of the

tag is #0000aa and that the font-family should be “Lucida Grande”,Verdana,Arial,”Bitstream Vera Sans”,sans-serif:

p{
     color: #0000aa;
     font-family: "Lucida Grande",Verdana,Arial,"Bitstream Vera Sans",sans-serif;
}

Using this rule, we make this style the default for every paragraph in the document. That makes it much easier when we want to change for example the font or the color of the paragraph.