Búsqueda personalizada
 
 
 
 
Definición de estilos por medio de Id
 

La diferencia fundamental en la definición de un estilo por medio de Id con respecto a las clases, es que sólo podremos aplicar dicho estilo a una sola marca dentro de la página HTML.

La sintaxis para definir un estilo por medio de Id es:

#cabecera {
  font-family:Times New Roman;
  font-size:30px;
  text-align:center;
  color:#0000ff;
  background-color:#bbbbbb;
}

Es decir, utilizamos el caracter numeral (#) para indicar que se trata de un estilo de tipo Id.
Luego, sólo una marca HTML dentro de una página puede definir un estilo de este tipo:

<div id="cabecera">

Hay que tener en cuenta que sólo una marca puede definir la propiedad id con el valor de cabecera.
Los dos archivos completos del ejemplo entonces quedan (pagina1.html):

<html>
<head>
<title>Problema</title>
<link rel="StyleSheet" href="estilos.css" type="text/css">
</head>
<body>
<div id="cabecera">
<h1>Ttulo de la cabecera</h1>
</div>
</body>
</html>

Y el archivo de estilos (estilos.css) es:

#cabecera {
  font-family:Times New Roman;
  font-size:30px;
  text-align:center;
  color:#0000ff;
  background-color:#bbbbbb;
}
 

 
 
 
 
       

¿Quienes somos?

Condiciones de uso

Publicidad

Privacidad de la informacion