Margen superior:-30px en CSS; ¿Qué significa -30px?

El margen puede tomar valores negativos. Por ejemplo, margin-top: 30px, este es un valor positivo, lo que significa que el margen exterior de la cabeza es de 30 píxeles, es decir, la distancia entre la cabeza y el elemento adyacente es de 30px;

Si el valor es negativo, significa que el elemento se mueve 30 píxeles hacia la cabeza. Es decir, la distancia entre la cabeza y los elementos adyacentes se reduce en 30px.