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
       
1234567
891011121314
151617 18192021
22232425262728
2930     

Jueves 18 de Septiembre 2025
Semana 38

..............................................................................................................................................................................................................................................
(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