Eliminar el margen del cuerpo en CSS
Soy nuevo en el desarrollo web y encontré un problema al eliminar el margen del cuerpo.
Hay espacio entre la parte superior del navegador y el texto del "logotipo". Y mi código está aquí en jsbin .
¿Está body { margin: 0;}mal si quisiera eliminar el espacio?
Yo diría que utilizar este reinicio global es una mala forma de solucionar este problema.
* {
margin: 0;
padding: 0;
}
La razón por la que el margen h1 sale del padre es que el padre no tiene relleno.
Si agrega un relleno al elemento principal de h1, el margen estará dentro del elemento principal.
Restablecer todos los rellenos y márgenes a 0 puede provocar muchos efectos secundarios. Entonces es mejor eliminar el margen superior de este título específico.
Algunos elementos HTML tienen márgenes predefinidos (a saber: body, h1a h6, p, fieldset, form, ul, ol, dl, dir, menuy blockquote) dd.
En su caso, es la h1causa de su problema. Tiene { margin: .67em }por defecto. Si lo configura en 0, eliminará el espacio.
Para resolver problemas como estos en general, recomiendo utilizar las herramientas de desarrollo de su navegador . Para la mayoría de los navegadores: haga clic derecho en el elemento sobre el que desea obtener más información y seleccione "Inspeccionar elemento". En la pestaña "Estilos", en la parte inferior, tienes un modelo de caja CSS. Esta es una gran herramienta para visualizar bordes, rellenos y márgenes y qué elementos son la raíz de tus dolores de cabeza de estilo.
