CSS - RicardoHorta.Net - www.ricardohorta.net

Qual a diferença entre Class e ID ?

Tanto ID quanto Class são utilizados para alterar a formatação de um objeto. IDs são utilizados para alterar esta formatação em tempo de execução, ou seja, quando a página estiver carregada no computador do internauta. Neste caso, você utilizará uma linguagem, JavaScript, por exemplo, para acessar o objeto e alterar as suas propriedades ( posição na tela, cor, tamanho, estilo da fonte, etc. ).
Para acessar este objeto ( imagem, texto ou botão ) é preciso identificá-lo na página. É preciso, então, criar uma identificação para ele. Esta identificação é feita através de um ID.
Class é utilizada para alterar ou definir a formatação da tag antes de exibir a página para o internauta. Imagine Class como sendo a formatação do Word. Você altera a fonte, o espaçamento entre as linhas, a largura das margens. Em seguida, salva o documento e o envia para uma pessoa. Quando ela abrir o documento, tudo estará com a formatação definida por você.

A formatação do meu site.

No meu site, eu tenho +/- 1.500 páginas. Cada subtítulo foi definido como esta formatação

Cada página deve ter uma média de 10 subtítulos. Então, temos 10 * 1.500 = 25.000 subtítulos. Se eu não tivesse nada para fazer na vida, eu poderia formatar cada um deles individualmente. Aí, se um dia eu quisesse alterar esta formatação teria que repeti-la 25.000 vezes. Tá me entendendo ?
Como eu tenho alguma coisa para fazer na vida, criei uma Class chamada titulo e gravei num arquivo externo chamado mysheet.css. Toda a formatação dos 25.000 subtítulos é controlada numa linha apenas, num arquivo apenas. Se amanhã eu quiser alterá-la, basta modificar o arquivo mysheet.css. E o que é melhor, eu faço o FTP somente de um arquivo.

Isto já aconteceu comigo. Meses atrás eu decidi alterar esta formatação. Aliás, eu pude alterar a formatação de maneira simples e rápida, porque tudo estava centralizado numa linha. Então, hoje, à medida que crio os subtítulos, eu os defino, imediatamente, como sendo da classe titulo.

Class não altera a formatação quando a página é exibida para o internauta. A formatação definida por Class é estática e ela acontece antes de ser exibida na tela.
Para alterar a propriedade de qualquer objeto na tela (posição, tamanho, cor, tipo da letra, etc.), acessando-o através de uma linguagem script, você precisa utilizar IDs.

E por que um ID ?

Ora, muito simples. Vamos pensar num texto. A sua formatação é estática. Você a define ( tipo, cor, tamanho, estilo ) e a exibe para o internauta. Ela não será alterada depois que a página for carregada no computador do internauta. Por que ? Porque para alterar a formatação de um texto ou pedaço de, você precisa identificá-lo. Por isto você utiliza o ID. Você cria um identificador para o texto, imagem, seja lá o que for. A partir daí, criado este identificador, é possível acessá-lo através de uma linguagem script.

Certo, crianças ?

Então ficamos assim: Class define a formatação estática. ID relaciona-se com a formatação interativa, alterada por uma linguagem script. Graças à ela, você pode alterar qualquer propriedade dos objetos em resposta aos eventos causados pelo usuário.

Parcerias RicardoHorta.Net

RicardoHorta.Net