[Página prévia] [Próxima página] [Seção página de conteúdo]

Especificando os Estilos

Como você pode ter percebido olhando para os exemplos na página anterior, os estilos são especificados como pares propriedade : valor que são separados por ponto e vírgula. Qualquer valor pode ser colocado entre aspas, e valores com mais de uma palavra como "Trebuchet MS" sempre devem ser colocados assim; você deve ficar alerta com relação a esta peculiaridade, uma vez que existem editores de HTML que inserem valores e propriedades automaticamente e não incluem as necessárias aspas.

Estilos Inline

Para os estilos inline, a seqüência de pares propriedade : valor é colocada entre aspas e posta como valor para o atributo de estilo:

<li style="font-size: 10pt; font-weight: bold">

Estilos em Link e Inseridos

Para os style sheets em links ou tags de style inseridas, as especificações de estilo são feitas para os vários seletores, que podem ser qualquer um dos elementos do HTML. Neste caso, os pares de especificação de estilo propriedade : valor são colocados entre chaves logo depois do seletor:

H2
{
font-family: 'Trebuchet MS', 'Comic Sans MS', 'Arial', 'Sans-Serif';
font-weight: bold;
font-size: x-large;
color: #660066;
}

Observe que quando um dos valores consiste de palavras múltiplas (como no caso dos valores das famílias de fontes no exemplo acima), cada um deles dentro da lista daquela propriedade é colocado entre aspas.

Lembre-se também de que você pode especificar classes múltiplas (mas somente um nível) para um seletor para variar as especificações de estilo, tal como vimos na discussão da herança.

Estilos Contextuais

Finalmente, note também que você pode criar estilos contextuais através da combinação de dois seletores:

P STRONG { color: #FF0000 }

Este estilo afeta somente o texto dentro do elemento STRONG, que está dentro do elemento PARÁGRAFO. Se você quiser que o texto STRONG tenha sempre a mesma cara independente de contexto, então crie um estilo simples com STRONG como seletor:

STRONG { color: #FF0000 }

Observe que em ambos os casos qualquer outra especificação de estilo para o elemento no qual os textos em STRONG aparecem ainda terão efeito, a não ser que a especificação de estilo para STRONG a sobrepuje.

[Página prévia] [Próxima página] [Seção página de conteúdo]