Mickel escribió:Voy por lo ultimo de la segunda leccion:
h1 {font-size: 1.2em; color:blue ; font-weight: bold ; text-decoration: underline ; text-align: center}
el font-size es para mostrar las cosas en otro tamaño que no es el normal, como en los links que al poner el cursor encima agrandaban...bien he hecho algunas pruebas y si quito ese font size me parece un texto mazo de grande pero si lo pongo con el 1.2 me aparece mas pequeño
¿podeis explciarme como me como eso?xDD
la otra cosa es el font-weight, no se para que sirve si me podeis explicar que propiedad es y que modificaciones produce decidmelas plis y si se pueden poner en esa propiedad mas palabras aparte del bold ese
Saludos
Muchas gracias
Hola:
Trataré de no liarme con una explicación sencilla.
Los navegadores cuando muestran una página y que dicha página no lleve ninguna propiedad especial.
Lo que hacen es mostrar la página con las propiedades y valores por defecto.
Los navegadores tienen sus prpios estilos ya creados por defecto.
Por ejemplo
Las letras o fuentes ya tiene una familia definida que normalmente es el Times New Roman, con un font-size también definido que creo suele ser 14px.
Los títulos, (que son las etiquetas <h1>) también tienen un tamaño predefinido, y ese es creo, si mal no recuerdo que sean dos veces y media lo que miden las letras de las fuentes ya predefinidad en los estilos del navegador.
O sea ¿si la familia por defecto es Times New Roman y el tamaño por defecto es 14px ¿cuánto cree que medirá el tamaño de los títulos, si son dos veces y media lo que mide el tamaño de la fuente?.
Por eso le aparecen tan grandes los títulos.
Pero si usted le pone que el título solo mida 1.2em de lo que mide la fuente.
Lo que está diciendo es que las letras de la etiqueta <h1> midan solo un 20% más grande que las letras normales.
Porque en este caso del (em) el 1 vendría siendo el 100%, y el 1.2 vendría siendo el 120%.
En lo que respecta al font-weight, es utilizada para determinar el grosor de las letras (de las fuentes) (que no el tamaño)
En teoría podríamos pensar que solo hay dos valores (normal y negrita), pero al igual que hay familias con fuentes que tienen distintos grosores, tenemos fuentes que tienen más de dos tipos de grosor
La Normal, muestra la fuente normal de una familia, pero si la fuente es gruesa de por si, como la del Arial Black, entonces se verá la forma gruesa de la fuente incluso con el valor Normal
La Bold, esta selecciona la versión en negrita de la fuente, es el mismo que utilizar la etiqueta
.
La bolder. Este valor funciona en combinación con la herencia, selecciona un valor más grueso que el heredado que se le aplica en el estilo
Acá le dejo unos ejemplos:
Esto en una pagina html
<html>
<head>
<title>Mi pagina</title>
<link rel="stylesheet" href="estilo.css"type="text/css"
media="all">
<body><h1>Esta es mi pagina primera</h1>
En esta pagina tratare de hacer <span>lo que pueda para que me salga</span> todo bien, y pueda seguir</p>
<div>Gracias a todos <span>por su atencion, y nos veremos</span></div>
</body>
</html>
Esto en una hoja de estilo.css
body{font-family:arial, Verdana sans-serif;font-weight:normal;}
div{font-weight:bold;}
p span{font-weight:bolder;}
div span{font-weight:lighter;}
Haga una pagina de experimentos con una hoja de estilo y vea las diferencias.
Saludos