CSS IDs

Publicado em 19 de Sep 2013.

Olá pessoal, continuando a série CSS, vou escrever sobre IDs que são semelhantes a classes, exceto pelo modo de declarar e você não pode utilizar a mesma ID no mesmo documento HTML.

Geralmente os ID são utilizando para determinar itens importantes do layout, como topo da página, conteúdo e rodapé. Enquanto as classes podemos utilizar para determinar os estilos de textos, ou itens que serão utilizado diversas vezes.

Por exemplo você utilizar um ID para determinar que irá ser o topo da página;

<div id="topo">
<p>Aqui é o topo da página</p>
</div>

No exemplo acima estamos definindo que o valor topo e nome do id da div.

Para adicionar o estilo ao seletor ID, vamos utilizar o seguinte código:

#topo{ 
  width: 80%;
  margin: auto;
  padding: 20px;
  border: 1px solid #666;
  background: #ffffff;
}

O seletor ID utilizar o símbolo de hash ou mais conhecido jogo da velha como simbolo para definir o que será.