iMasters | Por uma internet mais criativa e dinâmica

• CSS
• Dreamweaver

• Imprimir
• Indicar
• Digg it
• Del.icio.us
• Twitter
• 2 comentários

Pedindo licença ao meu Mestre em Folhas de Estilo (Mauricio Samy) Colunista CSS iMasters, acho, em minha modesta opinião, aqui estar o verdadeiro poder das CSSs.

Redefinir tags HTML existentes em uma página é maravilhoso para o Profissional que, por exemplo, tem que editar o

(cabeçalho 2) em 100 páginas do site de seu cliente. Ele simplesmente altera a tag

na CSS e , pronto, as 100 páginas estão alteradas.

Mas com as CLASSES você tem o poder de criar TAGs personalizadas. Na sintaxe CSS, uma Tag personalizada é chamada de CLASSE e o nome do seletor sempre começa com um PONTO. Seletor = ponto + nome da classe. O nome da classe deve ser escrito somente com uma palavra e pode conter os seguintes caracteres: a-z , A-Z , números de 0-9 e til.

Em um exemplo simples para estilizar um rodapé na parte inferior de todas as páginas com fontes do tipo Verdana de 8 pontos na cor preta, inserimos na CSS que edita a página o seguinte código:

.rodape {
   font-family:Verdana ;
   font-size: 8pt ;
   font-color: black
}

Bastando agora selecionar o texto do rodapé no HTML e inserir em sua tag, por exemplo a

o seguinte código:

texto do rodape

Assim por exemplo, podemos ter no mesmo arquivo parágrafos formatados com estilos diferentes, exemplo: