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