Temas > Programacion > Css > Estilos por medio de Id en CSS
Julio

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:
<?php //esto no va
#cabecera {
 font-family:Times New Roman;
 font-size:30px;
 text-align:center;
 color:#0000ff;
  background-color:#bbbbbb;
}
?>//esto no va
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:
<?php //esto no va
<div id="cabecera">
?>//esto no va
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):
<?php //esto no va
<html>
<head>
<title>Problema</title>
<link rel="StyleSheet" href="estilos.css" type="text/css">
</head>
<body>
<div id="cabecera">
<h1>Título 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;
}
?>//esto no va













¿Has olviado tu contraseña?

Pulsa aquí para registrate




Google




LunMarMieJueVieSabDom
      1
2345678
9 101112131415
16171819202122
23242526272829
3031     

Martes 10 de Diciembre 2024
Semana 50

..............................................................................................................................................................................................................................................
(Contacto)..
Esta web utiliza cookies para obtener datos estadísticos de la navegación de sus usuarios. Política de privacidad y Aviso legal
Rechazar    Aceptar