Utilizamos o css para realizar formatações mais avançadas no conteúdo de nossa página. Uma das vantagens do css é a redução da quantidade de código necessária para se formatar o conteúdo de uma página e consequentemente reduzir o seu tamanho.
Ao inves de utilizarmos por exemplo a tag <font></font> e seus atributos dentro de cada uma das células de uma tabela para colocar a cor do texto em amarelo podemos com o css definir o estilo de todas as células de uma tabela incluindo uma classe css dentro do atributo class da tag de início da tabela.
Veja no exemplo a seguir como seria feita tal situação utilizando o css.
<html>
<head>
<style type="text/css">
.tableCss td { color: #CC3333; }
</style>
</head>
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="tableCss">
<tr><td>texto</td></tr>
<tr><td>texto</td></tr>
<tr><td>texto</td></tr>
</table>
</body>
</html>
<head>
<style type="text/css">
.tableCss td { color: #CC3333; }
</style>
</head>
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="tableCss">
<tr><td>texto</td></tr>
<tr><td>texto</td></tr>
<tr><td>texto</td></tr>
</table>
</body>
</html>
Vantangens do uso de css:
• As páginas carregam mais rápido pois tem tamanho reduzido.
• Você precisa cuidar de menos código HTML.
• A aparência do seu site fica muito mais consistente entre as diversas páginas devido ao reuso de classes CSS.
• Você tem mais opções para formatar o conteúdo de sua página.
• Atualizar o design do site torna-se mais fácil, pois basta atualizar um arquivo CSS para que todas as páginas que usem classes css nele definidas sejam mudadas, e o designer não precisa mexer no HTML ou na programação das páginas dinâmicas;
• Fazer manutenção em sites dinâmicos também é muito mais fácil, pois não é necessário, par ao programador, se preocupar em manter o design consistente;
• As páginas carregam mais rápido pois tem tamanho reduzido.
• Você precisa cuidar de menos código HTML.
• A aparência do seu site fica muito mais consistente entre as diversas páginas devido ao reuso de classes CSS.
• Você tem mais opções para formatar o conteúdo de sua página.
• Atualizar o design do site torna-se mais fácil, pois basta atualizar um arquivo CSS para que todas as páginas que usem classes css nele definidas sejam mudadas, e o designer não precisa mexer no HTML ou na programação das páginas dinâmicas;
• Fazer manutenção em sites dinâmicos também é muito mais fácil, pois não é necessário, par ao programador, se preocupar em manter o design consistente;
Desvantagens do uso de css:
• Incompatibilidade de alguns atributos CSS dependendo do navegador utilizado.
• Em alguns casos existe inconsistência na forma em que cada navegador interpreta os atributos do css, por exemplo: Ao se trabalhar com o posicionamento de elementos, ao se definir margens e etc...
• Incompatibilidade de alguns atributos CSS dependendo do navegador utilizado.
• Em alguns casos existe inconsistência na forma em que cada navegador interpreta os atributos do css, por exemplo: Ao se trabalhar com o posicionamento de elementos, ao se definir margens e etc...
0 comentários:
Postar um comentário