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
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: