Qual é a diferença entre classe seletora CSS e id? id e uso de classe em HTML

Qual é a diferença entre classe seletora CSS e id? id e uso de classe em HTML

Chen Weiliangatualmente em execuçãoSEO, otimizar o siteWordPresstema.

Embora eu tenha aprendido alguns conhecimentos básicos de HTML e CSS antes, mas eu não opero por um tempo, especialmente o uso da parte CSS, é fácil esquecer.

Então, registre e resuma a diferença e o uso do id e da classe do seletor CSS aqui:

• id corresponde a #div
• classe corresponde a .div

A diferença entre id e classe

descrição do código

• id é uma tag fixa, que é usada para definir o estilo maior na página da web, que é definido na forma de #div
• Por exemplo: colunas divisórias, topo, corpo, base, etc...
• Usado para definir um elemento específico, que só pode aparecer uma vez por página e não pode ser chamado repetidamente.

descrição da classe

• Classe é um grupo de estilos, que é usado para definir os estilos detalhados na página da Web. É definido na forma de .div e pode ser repetido.
• Por exemplo: um menu específico, uma linha de texto, etc...
• Na mesma página, pode ser chamado repetidamente por vários elementos

O seletor div em si não possui propriedades, definindo seu css, ele controla alguns layouts como largura, altura, cor de fundo e tamanho do texto da div.

GeralComércio eletrônicolocal na rede Internet,construir um siteA página web html gerada pelo programa serve para realizar o layout da página através de CSS.

O que é um seletor?

A definição de cada estilo CSS consiste em 2 partes:

选择器 {样式}

• A parte antes do {} é o "seletor".
• O "seletor" indica o "estilo" de {} ao qual ele atua.
• Ou seja, em qual elemento da página web esse "estilo" funciona?

exemplo de código

Veja como selecionar e estilizar um elemento class="sidebar":

.sidebar
{ 
background-color:black;
}

Veja como selecionar e estilizar um elemento com id="footer":

#footer
{ 
background-color:black;
}