Apuntes Web
ApuntesWeb.net > Manuales >Manual CSS

III. Selectores CSS

Selector ID "Selector de Identificación"

El selector 'ID' se utiliza para asignar un valor único en todo el documento. De manera que no puede ser utilizado dos veces en un documento. por lo que, suele utilizarse menos que el selector de clase por las restricciones que tiene.

¿ Cómo crear un selector ID ?

Definimos este selector, utilizando el signo(#) seguido del nombre que asignaremos al identificador ID. Por ejemplo unos posibles nombres de identificadores podrian ser:

#contenedor #cabecera #columna

Ejemplo de creación de selector ID:

Crearemos en selector de identificación ID, que servira para nombrar un bloque y lo llamaremos #contenedor y escribiremos en la hoja de estilo o archivo CSS, de este modo:
Código CSS:
#contenedor{width:760px;}

Relacionar o vincular el selector ID al elemento HTML:

Para relacionar un selector ID al elemento HTML añadiremos el atributo 'ID' , dentro de la etiqueta HTML de apertura y entre las comillas escribimos el nombre del selector de identificación 'ID', que escribimos en la hoja de estilo, pero sin el simbolo (#) de este modo:

Código HTML:
<body>
<div id="contenedor"> ... </div>
</body>

Formas de utilización del selector ID

El selector de identificación, se utiliza para nombrar los bloques principales

El selector de identificación, generalmente es utilizado para nombrar los bloques o secciones principales de un sitio web, por ejemplo:
Código CSS:
#contenedor{width:760px;}
#cabecera{height:40px;background:blue;color:white;}
#menu{width:100px;float:left;}
#cuerpo{width:600px;float:right;}
Código HTML:
<body>
<div id="contenedor">
<div id="cabecera"> ... </div>
<div id="menu"> ... </div>
<div id="cuerpo"> ... </div>
</div>
</body>

MANUAL CSS

CSS, HTML, XHTML, Recursos y mucho más, Prohibida su reproducción total o parcial.
© 2009 - 2012 ApuntesWeb.net