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
    123
45678910
11121314151617
181920 21222324
252627282930 

Jueves 21 de Noviembre 2024
Semana 47

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