Los estilos se aplican en cascada siguiendo el siguiente orden de prioridad (más prioritarios primero):

Estilos en línea.
Estilos internos o externos: Tiene más prioridad el que está declarado después en la sección <head>.
Estilos por defecto del navegador.

<head>
  <title>TODO supply a title</title>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="/estilos/basico.css">
  <style>
    h1{color:blue;}
  </style>
</head>

Como <style> está después prevalece

Como es un estilo en línea prevalece frente a los demás

<h1 style="color:green;">...</h1>

Inicio