As folhas de estilo (CSS), permitem que eu separe a configuração da visualização da estrutura da página HTML. Isso favorece a manutenção de um site. Muitas tags do HTML foram depreciadas por causa do surgimento do CSS. Vejamos um exemplo:
Antigamente, utilizávamos a tag: "<p><font color="#FFFFFF" size="2>Texto"
Fonte: http://www.w3schools.com/HTML/html_fonts.asp
Agora, podemos definir através de CSS, temos 3 formas de utilização:
- Colocar o CSS numa folha de estilo separada e importar na tag do documento;
- Colocar dentro da tag no do documento;
- Colocar diretamente sobre a tag usando o atributo style. Como:
"<p style="color: #FFFFFF; font-size=2px;">"
Fonte: http://www.w3schools.com/css/css_font.asp