H I O X INDIA
CSS Tutorial
 INICIO ||  Scripts  ||  Tutorials  ||  Images  english  Français  中文  Deutsch 

Temas de CSS
Introducción
Tipos de estilo
Propiedades de fondo
Propiedades de texto
Propiedades de fuente
CAJA Propiedades
Frontera Propiedades
Margen de Propiedades
Propiedades Acolchado
Temas Especiales
Pida su Dudas
Reacción

Tipos - Usando identificadores

Tema

Cómo establecer un estilo usando identificadores ?
Quiero establecer un estilo en etiquetas estandar html. Pero quiero restringir los estilos a ciertas teclas, ¿cómo lo hago?




Explicación

Cuando usamos estilos universales establecerá estilos para todas las etiquetas de ese tipo.
Pero muchas veces querremos establecer diferentes estilos en diferentes posiciones para el mismo tipo de etiqueta.
Entonces es cuando usamos identificadores.

Ejemplo:
<head>
<style>
a#test1
{
color: red;
background-color: orange;
}

a#test2
{
color: green;
background-color: yellow;
}
</style>
</head>
Si usamos estilos internos con identificadores, tenemos que establecer la identidad para el estilo para que tenga efecto.
EX1:
<a href="index.php" id=test1> Indice </a>
Resultado1: Indice

EX1:
<a href="index.php" id=test2> Indice </a>
Resultado1: Indice

Puedes ver como tenemos diferentes estilos para la misma etiqueta "a".




Una nota
CSS - Cascading Style Sheets se puede utilizar junto con etiquetas html, como se explica en este sitio. Esta sencilla CSS le ayudará a crear mucho más elegante y aseado páginas html. Esto no necesita ningún software adicional o códigos. Todos navegador web son capaces de entregar los códigos CSS.

Nota 2: Si es necesario se puede utilizar en lugar de
etiquetas. div etiqueta de inicio y final en líneas nuevas. span no podrán exceder de la etiqueta de zona.


privacy policy     license    
© 2004-2005 HIOX INDIA - hioxindia.com