¿Es correcto colocar el CSS sobre el elemento que se va a usar?

[rbnncls]

Es sólo una duda, me gustaría saber si es mejor así o todo al header.

Últimamente veo más práctico colocar el style de un div, sobre este mismo en el código, se me hace mucho barullo de códigos cuando lo pongo todo junto en la cabecera.

Como decía, lo que quiero saber es si está mal hacerlo así o no.

Lo que hago es esto pa' que me entendáis:

Código HTML:

<style type="text/css">
   .div1 {
      border:1px solid #000;
      font-color: black;
      width:20px;
      heigth:auto;
      /*etc*/
}
   .div1:hover {
      transition-duration:0.5;
      font-color: blue;
      width:40px;
}
</style>

<div class="div1"> 
   Contenido 
</div> 

¿Está mal hacer eso? ¿O carga la página correctamente primero el estilo y luego el elemento?

Además se me hace más fácil de encontrar lo que quiero editar.

Saludos.