Distintas formas de poner un CSS

[seoista]

Hola, compañer@s de FDW.

¿Cómo es más efectivo y rápido, poner un CSS en una página?

1º - Así:

<style type="text/css">
a.estilo:link, a.estilo:visited {
font-family: verdana,arial,tahoma;
font-size: 12px;
color: #800;
font-weight: normal;
border-bottom: #800 1px dotted;
text-decoration: none;
}

a.estilo:hover {
font-family: verdana,arial,tahoma;
font-size: 12px;
color: #fff;
font-weight: normal;
border-bottom: #fff 1px dotted;
background-color: #00008b;
text-decoration: none;
}

a.estilo:active {
font-family: verdana,arial,tahoma;
font-size: 12px;
color: #f00;
font-weight: normal;
border-bottom: #f00 1px dotted;
text-decoration: none;
}
</style>

2º - Así:

<link rel="stylesheet" href="link.css" type="text/css" />

3º - O así:

<link rel="stylesheet" href="import.css" type="text/css" />

Donde estarían incluido, por ejemplo:

@import url("link.css");
@import url("fondo.css");
@import url("menu.css");
Etc...

Muchas gracias por vuestras respuestas.

Saludos.