Normalizar CSS
Todos los navegadores, por defecto, aplican estilos. Es decir, le ponen sus propios estilos a los párrafos, a los encabezados y a todos los demás elementos HTML.
Para que todos los elementos HTML se vean igual en todos los navegadores es conveniente "resetearlos" y esto se puede conseguir utilizando un reset general como normalize.css.
Un proyecto inicial básico quedaría así:
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="/css/normalize.css">
<link rel="stylesheet" href="/css/estilos.css">
<title>Tarea #00</title>
</head>
<body>
<div id="container">
<!--
Aquí colocamos todo el contenido
de nuestra página web
-->
</div>
</body>
</html>
/* -------------------------------------
HOJA DE ESTILOS BASE
(cargando previamente normalize.css)
----------------------------------------*/
* { box-sizing: border-box; }
html { font: 16px sans-serif; }
body {
min-height : 100vh;
max-width : 100vw;
display : flex;
background-color : #f0f0e0;
}
#container {
width : 96%;
max-width : 960px;
margin : 2% auto;
background-color : rgba(0,0,0,0.1);
}
Descarga este proyecto base.