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>
<br><br>
<p class="texto_centro"> T&Iacute;TULO DA P&Aacute;GINA </p>
<br><br>
<p class="texto_normal"> Este &eacute; o 1&ordm; par&aacute;grafo utilizando uma formata&ccedil;&atilde;o de texto normal. </p>
<p class="texto_normal"> Este &eacute; o 2&ordm; par&aacute;grafo utilizando uma formata&ccedil;&atilde;o de texto normal. </p>
</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.

Pressione ENTER para retornar a página anterior.Pressione ENTER para retornar ao Menu. Pressione ENTER para avançar para a próxima página.