Emprego simplificado de Folhas de Estilo em Cascata

(CSS-1)

Utilizando o recurso das folhas de estilo em cascata (CSS) pode-se chegar satisfatóriamente próximo da Web Semântica, mesmo sem o emprego intensivo de DIVisões. Ou pelo menos, em última análise, pode-se diminuir grandemente o tamanho (em bytes) da página a ser carregada no navegador do internauta, tornando-a mais leve e aumentando a navegabilidade no sítio.

A idéia gira em torno de predefinir os estilos de apresentação, tornando alguns automáticos e outros selecionáveis caso a caso. Algo como definir font-type padrão para a página como um todo, deixando as exceções para serem tratadas quando necessário.

Exemplo: Definir o padrão dos caracteres para fonte Arial; corpo 10; itálico, com a declaração

"body { font-family: Arial; font-size: 10px; font-style: normal; }"

devidamente efetuada na seção header (entre as tags <HEAD></HEAD>), faz com que só seja necessário redefinir tais características nos casos específicos em que seja desejado fazê-lo, por exemplo, em células de tabelas, ou outras situações.

Como estamos tratando de uma dica simplificada, abaixo segue um trecho de código para a montagem de uma página utilizando uma tal definição de estilo, que pode ser exibida seguindo o link.

<html>
 <head>
  <title>Página Exemplo CSS</title>
  <style>
   <!--
    body {
         font-family: Arial;
         font-size:   10px;
         font-style:  italic;
    }
    td {
         font-family: verdana;
         font-size:   10px;
         font-style:  normal;
    }
   //-->
  </style>
 </head>
 
 <body>
  Texto com caracteres respeitando a definição da seção header
  <table border="1">
   <tr><td>Célula 1</td><td>Célula 2</td></tr>
  </table>
 </body>
</html>

Ver página exemplo

No entanto, não se deve deixar de lembrar que o uso de CSS é muito mais potente do que aquilo que foi aqui mostrado, e em termos simplificados.

 

Se você tem uma dica ou truque, sua contribuição será sempre bem recebida e depois de analisada, poderá integrar este acervo.

As regras básicas para inserção são:

  1. Ineditismo dentro da abrangência das já existentes
  2. Estar acompanhada de uma autorização expressa do "autor" em publicá-la neste site
ATENÇÃO: O envio dentro destes parâmetros não implica em garantia de publicação


atualização :