Vamos ahora a estudiar el atributo ID de una etiqueta HTML en relación a la definición de estilos. Cualquier etiqueta HTML puede tener como parámetro la etiqueta ID seguida de un nombre, por ejemplo:

Codigo:
<etiqueta ID="NombreReferencia"> ... </etiqueta>

Este "NombreReferencia" debe ser único en el documento HTML (es decir, no debe haber dos etiquetas con el mismo ID), puesto que nos servirá para tratarla (si lo necesitamos) desde JavaScript, y por esto no debe haber confusión con el nombre como referencia.

Para definir un estilo mediante un ID, usaremos la siguiente notación (en un bloque de estilo o en la hoja externa):

Codigo:
#Nombre_del_ID {propiedad1:valor;...;propiedadN:valor}

Es decir, escribiendo # seguido del nombre que le queramos dar al ID, y definiendo el estilo como ya sabemos: pares propiedad:valor separados por punto y coma y encerrados entre llaves. Podremos definir todos los ID que queramos, pero cada ID sólo debe ser asociado a una única etiqueta concreta de la siguiente forma:

Codigo:
<etiqueta ID="Nombre_del_ID"> ... </etiqueta>

Así identificaremos de forma unívoca a esa etiqueta concreta, asignándole la definición del estilo hecha en el bloque o en la hoja para ese ID, y además nos permitirá tratarlo (por ejemplo, cambiando algunas características del estilo definido) desde JavaScript, que usará ese identificador para saber sobre quién ha de actuar, suponiendo que quisiéramos hacerlo.