Valor de un rem: Un Rem equilave al valor predeterminado del browser o al valor asignado al HTML de tu proyecto, es decir, si el valor aun no ha sido asignado al HTML, toma el valor predeterminado del browser
Ejemplo:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport"
content="width=device-width,
initial-scale=1.0">
<title>Document</title>
<style>
html{
font-size: 14px;
}
body{
font-family: Verdana, Geneva, Tahoma, sans-serif;
font-size: 10px;
}
p{
margin-top: 0;
margin-bottom: 0;
}
.titolo{
color: #f00;
margin-bottom: 20rem;
}
.testo{
font-size: 1rem;
color: #00f;
}
.banner{
font-size: 2.1rem;
color: #000;
}
</style>
</head>
<body>
<p class="titolo">Hola Mundo!</p>
<p class="testo">Hola Mundo!</p>
<p class="banner">Hola Mundo!</p>
</body>
</html>
No hay comentarios:
Publicar un comentario