Dando seguimento ao post anterior(Detalhes), neste estarei finalizando o assunto CSS básico.
Class e Id
É extremamente importante e fundamental saber sobre como usar class e Id para estilizar elementos. No CSS, um seletor de class é um nome precedido de um ponto (.) e um seletor ID é um nome precedido de um sustenido (#).
Algo como:
Algo como:
A diferença entre ID e CLASS é que ID só pode ser usado para identificar um elemento, enquanto uma classe pode ser usada pra quantos elementos você quiser.
Exemplo:
Sem definição de classes:
Com definição de classes:
Span e Div
O elemento <span> é um elemento neutro que não adiciona qualquer tipo de semântica ao documento. Contudo ele pode ser usado pelas CSS para adicionar efeitos visuas a partes especificas do texto em seu documento. O <div> por outro lado, já é usado para atribuir características a um ou mais elementos funcionando ambos mais ou menos da mesma maneira.
Exemplo com span:
Primeiramente como já soubemos, informa-se ao CSS os atributos do Span; (Vamos apenas atribuir a cor da fonte vermelha como vermelha | color:red | para a classe span.destaque)
Após insira as tags span com class="destaque" que já esta configurado no CSS.
Note que na mensagem acima, as palavras CSS e HTML estão entre as tags <span> proporcionando o resultado:
Exemplo com DIV
Referencias:
Nenhum comentário:
Postar um comentário