Una de las técnicas que he recomendado usar durante mucho tiempo es esta:
* {
margin: 0;
padding: 0;
}Esto es parte de la teoría de “Restablecimiento de CSS” que ayuda a mantener la coherencia de sus diseños en todos los navegadores, algo muy bueno. Esta técnica funciona en todos los navegadores, por lo que nunca consideré ningún aspecto negativo. Es decir, hasta que leí este post de Christian Montoya que señala:
Esto eliminó todas las diferencias en el relleno y el margen entre los navegadores, por lo que tuve la libertad de diseñar mi página. Desafortunadamente, esta no es una buena práctica. Es muy pesado para el agente de representación aplicar reglas a cada elemento del documento, especialmente con páginas web grandes, y esto también puede destruir una gran cantidad de buenos estilos predeterminados, especialmente cuando desea tener botones de envío con estilo predeterminado.
Creo que él hace algunos buenos puntos allí. Puede que tenga razón en lo del motor de renderizado, aunque en realidad nunca he tenido ningún problema serio con los tiempos de carga y he usado esta técnica en toneladas de páginas. Creo que mantener los tamaños de imagen optimizados es lo más importante. Pero los botones de envío predeterminados son ciertamente una preocupación. De hecho, si está utilizando Firefox u Opera para ver este sitio, notará que el mensaje “¡Dilo!” El botón que debe presionar para enviar un comentario ha sido despojado de su agradable estilo predeterminado y ahora solo se ve como texto normal con un borde alrededor. No muy ideal. Si está usando Safari, usa el botón de estilo Safari predeterminado, lo cual es bueno.
Supongo que todavía estoy en el aire si continuaré usando esto o no. Creo que probablemente lo haré si puedo encontrar una mejor manera de manejar entradas/áreas de texto.