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
  12345
6789101112
13141516171819
20212223242526
27 28293031  

Martes 28 de Octubre 2025
Semana 44

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