Classes são seletores CSS. Utilizaremos seletores CSS para estilizar elementos no HTML, usando o atributo "class", por exemplo: em referência à uma classe CSS blue.
Use o atributo id em um elemento para atribuir um ID a esse elemento. O nome do ID é de sua escolha e ele deve ser único no documento. Use o atributo class em um elemento para atribuir o elemento a uma determinada classe. O nome da classe é de sua escolha.
O atributo global class é uma lista das classes de um elemento, separada por espaços. Classes permitem a CSS e Javascript selecionar e acessar elementos específicos através dos seletores de classe ou funções como o método DOM document.
Seletor de id: seleciona o elemento com a id especificada. Exemplo: #cabecalho irá selecionar o elemento com a id "cabecalho". Cada id é única e não pode ser repetida no mesmo documento.
Uma regra CSS é uma declaração que segue uma sintaxe própria e que define como será aplicado estilo a um ou mais elementos HTML. Um conjunto de regras CSS formam uma Folha de Estilos.
Então as diferenças entre class e id basicamente são:
O seletor de classe deve ser usado quando muitos elementos compartilham do estilo definido na regra. Por exemplo, se queremos alterar todos os parágrafos em uma página utilizamos o seletor de classe. O seletor de id deve ser utilizado quando apenas um elemento deve receber o estilo definido na regra.
Posicionando uma div do lado de outra: prática
Sendo um tópico introdutório de CSS e HTML, meu intuito neste artigo é abordar da maneira mais simples possível como funcionam as classes e como utilizá-las no seu projeto. Classes são seletores CSS.
Em CSS o conceito de classes é um pouco diferente, já que CSS não se parece nada com as linguagens citadas acima. Primeiramente, CSS é uma linguagem que serve para estilizar sites. Ela descreve como deve ser a aparência dos elementos HTML em uma página web, e faz isso através de seletores.
Uma classe é reutilizável: pode se repetir na página e também combinar-se com outras (podemos pôr mais de uma classe em um elemento). É perfeitamente possível fazer um site apenas com ids, apenas com classes, com uma combinação das duas, ou sem nenhuma das duas. Tudo irá depender do seu estilo de fazer o código das páginas.
Em CSS 1 não é válido atribuir mais de uma classe para um elemento HTML. O exemplo abaixo está errado: As CSS 2 alteraram este conceito, permitindo declarar mais de uma classe, desde que o nome das classes sejam separados por um espaço. Nesse caso aplicam-se ao parágrafo as regras CSS definidas nas duas classes.
O que fazer com gato desnutrido?
Como mudar a chave de ativação do Windows?
Qual o principal objetivo da terapia manual?
Qual exame detecta doenças mentais?
Como saber se a dieta está fazendo efeito?
Quais são os indicadores de qualidade na Educação Infantil?
Como calcular a área de um histograma?
Quais as consequências causadas pelos furacões?