/* 1. Reset básico para todos los elementos */ * { /* Elimina el margen (espacio exterior) predeterminado */ margin: 0; /* Elimina el padding (espacio interior) predeterminado */ padding: 0; /* Asegura que el ancho y el alto incluyan el padding y el borde, evitando barras de desplazamiento horizontales inesperadas al usar width: 100%. Esta es una buena práctica moderna. */ box-sizing: border-box; /* */ } /* 2. Reglas específicas para el cuerpo de la página (donde se aplican los márgenes por defecto) */ body { /* Establece el margen exterior a cero para eliminar el espacio blanco predeterminado que el navegador añade alrededor del contenido. */ margin: 0; /* */ /* El elemento 'body' es un elemento de bloque y por defecto ya ocupa el 100% del ancho, pero se puede establecer explícitamente si se desea. */ width: 100%; /* */ } /* 3. Estilo para un contenedor principal (opcional, pero común) */ /* Si tienes un contenedor principal (por ejemplo, una etiqueta

o un

con clase .container) dentro del y quieres que ocupe todo el ancho disponible: */ .contenedor-principal { width: 100%; }