Temas > Programacion > Css > Definicion de reglas para una misma marca HTML
Julio

Definición de varias reglas para una misma marca HTML
En algunas circunstancias, es necesario desglosar la inicialización de
propiedades en distintas reglas.
Supongamos que queremos todas las cabeceras con la misma fuente pero
tamaños de fuente distinta, luego podemos implementarlo de la siguiente
manera:
<?php //esto no va
<html>
<head>
<title>Problema</title>
<style type="text/css">
h1,h2,h3,h4,h5,h6 {
  font-family:Verdana;
}
h1 {
  font-size:40px;
}
h2 {
  font-size:30px;
}
h3 {
  font-size:25px;
}
h4 {
  font-size:20px;
}
h5 {
  font-size:15px;
}
h6 {
  font-size:10px;
}
</style>
</head>
<body>
<h1>Título de nivel 1</h1>
<h2>Título de nivel 2</h2>
<h3>Título de nivel 3</h3>
<h4>Título de nivel 4</h4>
<h5>Título de nivel 5</h5>
<h6>Título de nivel 6</h6>
</body>
</html>
?>//esto no va
Es decir, podemos inicializar un conjunto de marcas HTML con una serie de
propiedades de estilo
comunes. Luego agregamos en forma individual las propiedades no comunes a
dichas marcas:
<?php //esto no va
h1,h2,h3,h4,h5,h6 {
  font-family:Verdana;
}
h1 {
  font-size:40px;
}
?>//esto no va
Es decir, a la marca h1 realmente le hemos definido 2 propiedades:
font-family y font-size. Lo mismo para las otras marcas HTML.













¿Has olviado tu contraseña?

Pulsa aquí para registrate




Google




LunMarMieJueVieSabDom
   1234
567891011
12131415161718
19202122232425
262728293031 

Lunes 5 de Mayo 2025
Semana 19

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