By using CSS you can separate the content from the formatting, making the change of appereance much easier.
Let me give you an example:
If you were to have ten paragraphs formatted to Verdana, size 2, your code would be:
Code:
<p><font color="#CC0000" size="2" face="Verdana">Paragraph one</font></p>
<p><font color="#CC0000" size="2" face="Verdana">Paragraph two</font></p>
...
<p><font color="#CC0000" size="2" face="Verdana">Paragraph twenty</font></p>
Now, if you wanted to change it to, let's say Times New Roman, you would have to change all of the font tags accordingly.
With CSS, you define a class:
Code:
.text {
font: 10px Verdana;
color: #CC0000;
}
and then apply it to the paragraphs:
Code:
<p class="text">Paragraph one</p>
<p class="text">Paragraph two</p>
..
<p class="text">Paragraph twenty</p>
Any change to the appereance can be made by simply modifying the CSS style:
Code:
.text {
font: 20px "Times New Roman";
color:#0000CC;
}
The font tag is deprecated and not included in the XHTML specification.
The future of web design is in using CSS-based layouts instead of tables.
And many other reasons, which i can't remember right now.