31 - Unidades de medida (px, cm, mm, em etc.)
Problema:
Disponer dos párrafos por cada tipo de unidad de medida y asignar valores distintos.
pagina.html
estilos.css
Ejecución de la página
<!DOCTYPE html> <html> <head> <title>Problema</title> <link rel="StyleSheet" href="estilos.html" type="text/css"> </head> <body> <p class="pixel1">Este texto tiene 12 px<p> <p class="pixel2">Este texto tiene 15 px</p> <p class="em1">Este texto tiene 1 em</p> <p class="em2">Este texto tiene 1.5 em</p> <p class="ex1">Este texto tiene 1 ex</p> <p class="ex2">Este texto tiene 1.5 ex</p> <p class="in1">Este texto tiene 1 in</p> <p class="in2">Este texto tiene 1.5 in</p> <p class="cm1">Este texto tiene 1 cm</p> <p class="cm2">Este texto tiene 1.5 cm</p> <p class="mm1">Este texto tiene 10 mm</p> <p class="mm2">Este texto tiene 15 mm</p> <p class="pt1">Este texto tiene 10 pt</p> <p class="pt2">Este texto tiene 15 pt</p> <p class="pc1">Este texto tiene 1 pc</p> <p class="pc2">Este texto tiene 1.5 pc</p> <p class="porcentaje1">Este texto tiene 150%</p> <p class="porcentaje2">Este texto tiene 200%</p> </body> <!-- Mirrored from www.cssya.com.ar/simulador/simulador.php?inicio=30&cod=35&punto=31 by HTTrack Website Copier/3.x [XR&CO'2014], Tue, 15 Sep 2015 15:07:22 GMT --> </html>
.pixel1 { font-size:12px; } .pixel2 { font-size:15px; } .em1{ font-size:1em; } .em2{ font-size:1.5em; } .ex1{ font-size:1ex; } .ex2{ font-size:1.5ex; } .in1{ font-size:1in; } .in2{ font-size:1.5in; } .cm1{ font-size:1cm; } .cm2{ font-size:1.5cm; } .mm1{ font-size:10mm; } .mm2{ font-size:15mm; } .pt1{ font-size:10pt; } .pt2{ font-size:15pt; } .pc1{ font-size:1pc; } .pc2{ font-size:1.5pc; } .porcentaje1{ font-size:150%; } .porcentaje2{ font-size:200%; }
No tiene disponible el navegador la capacidad de iframe
Retornar