CSS Tamaño de Fuente
Cómo establecer el tamaño de fuente en html usando una hoja de estilo?
Explicación
Propeidad
:
Tamaño de FuenteUso:
font-size: xx-small;
font-size: x-large;
font-size: larger;
font-size: smaller;
font-size: 10px;
font-size: 80%;
Definición:
El tamaño de la fuente se puede controlar usando este parámetro. Estos valores se pueden establecer de tres modos.
a)Tamaño Absoluto.
b)Tamaño Relativo.
c)Longitud - en porcentaje / pixeles / puntos.
Toma los siguientes valores.
a)Absoluto : Los siguientes valores absolutos se pueden usar. xx-small or x-small or small or large or x-large or xx-large or medium.
b)Relativo : Los siguientes valores relativos se pueden usar. larger or smaller
c)Longitudo : En porcentaje (ej. 34%) o pixeles (ej. 20px) o puntos (ej. 20).
Ejemplo 1:
<div style="
font-size: xx-small;">probando tamaño fuente</div>
Resulta:
probando tamaño fuente
Ejemplo 2:
<div style="
font-size: x-large;">probando tamaño fuente</div>
Resultado:probando tamaño fuente
Ejemplo 3:
<div style="
font-size: larger;">probando tamaño fuente</div>
Resultado:probando tamaño fuente
Ejemplo 4:
<div style="
font-size: smaller;">probando tamaño fuente</div>
Resultado:probando tamaño fuente
Ejemplo 5
<div style="
font-size: 20px;">probando tamaño fuente</div>
Resultado:probando tamaño fuente
Ejemplo 6: <div style="
font-size: 200%;">probando tamaño fuente</div>
Resultado:probando tamaño fuente