| Apresentação | GuestBook | Links | Contato |
| Introdução | |
 | Sobre |
| Vantagens |
| Limitações |
| Implementando |
| Precêdencia |
| Trabalhando com CSS | |
| Unidades de Medida |
| Herança |
| Especificando um estilo |
| Propriedades e Valores | |
| Fontes |
| Textos |
| Background e Cores |
| Caixas |
| Listas |
| Posicionamento |
| Impressão |
| Filtros |
| Amostras de Filtros |
| Outras Propriedades |
| Contribuições dos Usuários | |
| Dicas e exemplos |
| Novidades |
| Fórum de discussão |
 |
Especificando um estilo para o site |  |
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 para evitar equivocos por browsers mais antigos.
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">
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.
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.
Alguns atributos de CSS lhe permitem fazer diversas configurações em uma declaração. Por exemplo, suponha que você queira definir diversos aspectos da fnte utilizada para tags H1, como segue:
H1 {font-style: italic;
font-weight: bold;
font-size: 18pt;
font-family: 'Times Roman'}
Como alternativa a especificar todas essas formatações de fonte individualmente, você pode utilizar o atributo font: para defini-las todas de uma só vez, assim:
H1 {font: italic bold 18pt 'Times Roman'}