¿Cuál es el relleno y / o margen por defecto para un elemento ap (reset css)?

He estado usando un conjunto de estilos de restauración de CSS durante bastante tiempo y cada vez que tengo que crear un nuevo sitio web, el reinicio que más me molesta es el restablecimiento del margen y el relleno de la etiqueta de ap. Entiendo por qué, pero me pregunto qué debe ser el margen y / o margen “predeterminado” en un elemento ap?

Supongo que esto no es coherente en todos los navegadores y que a menudo debe modificarse para cada sitio, pero ¿existe un conjunto de valores de margen y / o relleno más comunes?

Versión corta: ¿Es (por ejemplo) margen de 5 píxeles y relleno en la parte superior e inferior … o algo más?

La especificación CSS 2.1 tiene una hoja de estilo predeterminada para HTML 4. Es simplemente informativa y no normativa, por lo que los navegadores pueden usarla pero no tienen que hacerlo.

Otro recurso podría ser las herramientas de desarrollo web de los navegadores. La mayoría puede mostrarle la cascada de reglas que se aplicaron a un elemento en particular. Un ejemplo: Firefox y Safari (WebKit) parecen usar margin: 1em 0px para elementos p .

El margen superior e inferior de la etiqueta P es de 16 px.

Eso es similar a dar margen de estilo: 16px 0px; a un párrafo.

Para igualar las cosas en los navegadores, uso

 p{ margin:0; } p + p{ margin-top:10px; } 

de esta manera, no “freno” el espacio original superior / inferior de los contenedores y aún espacio los párrafos muy bien si hay más de uno.

Simplemente no me gusta ver que p empuje contenedores parentales como este

 .container { border: 1px solid #ccc; padding: 15px; } 
 

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec fringilla, est et ultricies porttitor, augue purus condimentum mi, vel congue nunc est vitae diam. Proin.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec fringilla, est et ultricies porttitor, augue purus condimentum mi, vel congue nunc est vitae diam. Proin.

RESETEO DE CSS Restablecerá el margen y el relleno de las tags p a 0px, el margen común y el relleno dependerán de su Diseño y tipo de Contenido.

aún puedes usar 5px, como tu propio margen y relleno predeterminados

Yo siempre uso Firefox

Por el complemento firebug encontré que el margen por defecto-superior / inferior de la

la etiqueta se establece en 16 píxeles y el relleno se establece en 0, mientras que para el elemento del cuerpo el margen superior / inferior / derecha / izquierda se establece en 8 píxeles.