Classes

• No CSS, o atributo class serve para definir um padrão de formatação que pode ser usado por mais de uma tag.
• Para definir uma classe, crie uma nova definição dentro da tag style com o nome da sua classe.
• O nome da sua classe deve ser sempre antecedido de um ponto. Exemplo: ".nova_classe".
• O nome de uma classe é case sensitive, o que significa que é importante ficar atento ao uso de letras minúsculas e maiúsculas.
• Para formatar uma tag utilizando a classe que você criou, utilize o atributo class na tag e o nome da sua classe como valor (sem o ponto). Exemplo: "class = classe1".

Exemplo 1: três tags div utilizando três classes diferentes, uma para cada div.

Múltiplas Classes

• É possível utilizar mais de uma classe para formatar uma tag.
• Para isso, basta informar as outras classes separadas por espaço. Exemplo: "class = classe1 classe2 classe3".
• Se os atributos de uma classe entrarem em conflito, a formatação irá seguir o atributo da última classe informada. Por exemplo: "class = classe1 classe2" vai seguir os atributos de "classe2" caso entre em conflito.

Exemplo 2: Tag div utilizando duas classes, a numero1 e a numero4.

Exemplo 3: Tag div utilizando duas classes que entram em conflito, a numero1 e a numero2. Como a numero2 foi informada por último, a tag irá seguir esta formatação.

<- Voltar