CSS utilizando ID

O que veremos neste tutorial:

O que são IDs? Onde eles vivem? Como se comportam?

Como utilizar IDs

Os IDS são seletores como as classes com eles podemos determinar qual o estilo do elemento, a diferença da classe é que apenas podemos utilizar um id por página.

Para utilizar o ID é muito simples, em nosso elemento adicionamos o atributo "id" com o valor que queremos que ele seja, exemplo.

<div id="elemento"></div>

Para adicionar estilos no utilizamos o símbolo "#" na folha de estilo.

#elemento {
   width: 500px;
   height: 200px;
   border: 1px solid #CCC;
}