HTML com Acessibilidade

Definindo regras a partir de classes

Observe abaixo, dois exemplos da definição de classes:
.texto_centro

{
font-family: Comic Sans MS, Verdana, Helvetica;
font-size: 14pt;
color: Red;
font-wheight: bold;
text-align: center;
}

texto_normal

{
font-family: Arial, Sans-Serif;
font-size: 12px;
color: #000099;
text-align: justify;
}

Apesar da atribuição do tamanho e da cor da fonte ter sido feita de forma diferente em cada uma das classes, ambos os exemplos procedem de acordo com as regras de definição dos estilos de formatação.

Observe abaixo, a aplicação das classes definidas, no trecho de página que segue:

<body>
 
 TÍTULO DA PÁGINA 
 
 Este é o 1º parágrafo utilizando uma formatação de texto normal. 
 Este é o 2º parágrafo utilizando uma formatação de texto normal. 
</body>

No exemplo anterior, inserimos inicialmente um parágrafo com o texto centralizado, usando a fonte Comic Sans MS, tamanho 14, cor vermelha e em negrito.

Perceba que todas as formatações aplicadas no exemplo acima, foram definidas anteriormente nas classes, com isso temos a flexibilidade de se trabalhar o layout de formatação independente do conteúdo que será exposto.