Cuando crea una página web, puede pensar que está comenzando desde cero, pero en realidad su navegador tiene una plantilla CSS predeterminada que se aplica a cada página web que abre.
El CSS que agrega el navegador varía según el navegador que utilice y la versión del navegador que sea. En otras palabras, es diferente para casi todos.
El navegador que está utilizando probablemente tenga un margen aplicado al cuerpo de su página web, lo que le brinda el espacio del que está hablando. Esto es muy comun. El navegador realmente agrega este CSS a cada página web que abre (incluso el New York Times y Amazon.com). No hay forma de evitar que haga esto y es lo que está causando su espacio extra.
- ¿Qué implica crear un formulario de registro e inicio de sesión que funcione?
- ¿Es este sitio web legítimo, www.jpbweb.co.UK?
- Cómo obtener contenido gratuito para mi sitio web sin copiar y pegar
- ¿Cuál podría ser una solución moderna de diseño de sitios web si el cliente solo puede darle imágenes pequeñas de baja resolución?
- ¿Cuál es la mejor empresa de diseño de sitios web en Patna?
Entonces, ¿cómo Amazon.com no tiene espacio en su encabezado si su navegador lo agrega a cada página que pueda pedir?
Lo que Amazon y cada sitio web de producción harán es agregar un archivo de restablecimiento CSS a su sitio web. Lo que esto hace es sobrescribir el CSS del navegador con el suyo.
Entonces, por defecto, su navegador probablemente tenga un archivo CSS que dice algo como esto:
cuerpo {
margen: 5px;
}
así que para anularlo, todo lo que tienes que hacer es escribir esto en tu propio CSS:
cuerpo {
margen: 0px;
}
Ahora funcionará. Pero tenga en cuenta que su navegador en realidad tiene valores predeterminados de CSS para cada elemento en la página web. Por lo tanto, es probable que aún tenga problemas extraños. La solución es cargar un archivo de reinicio CSS que esencialmente solo pone a cero todo, y cargar esto primero, antes del archivo CSS que escribió para su sitio web. De esta manera, su elemento de restablecimiento de CSS volverá a poner cualquier elemento en 0 y luego, si llama a su archivo de CSS después, utilizará esa configuración; de lo contrario, volverá al archivo de restablecimiento de CSS por defecto. Esto también ayuda con la consistencia entre los navegadores. Es posible que esté buscando algo en su sitio web que, naturalmente, se ve bien, pero solo se ve bien debido al CSS del navegador. Si alguien más usa otro navegador, entonces los navegadores CSS pueden ser diferentes.
Entonces, al restablecer su CSS, sabe que todos los navegadores comienzan desde el mismo lugar.
El restablecimiento CSS más popular es el restablecimiento CSS de Eric Meyer.
Puedes encontrarlo aquí: Herramientas CSS: Restablecer CSS
Copie su CSS Reset y péguelo en un archivo CSS por sí mismo. Llámelo algo como reset.css y luego en su HTML asegúrese de que este sea el primer archivo CSS que cargue. Después de cargar este, cargue su archivo CSS normal (como styles.css). ¡Ahora deberías estar listo!
