Differenza formattazione Inline-External

renderman

Differenza formattazione Inline-External

Inutile specificare che sono un principiante.

Dunque mi sto avvicinando solo adesso al Css, sto provando a mettere degli stili Css in un file esterno da associare ad un comune file Html.

Noto che il codice CSS che se incluso nel html funziona, se ricopiato su foglio di stile esterno NON funziona oppure funziona aprzialmente.

ESEMPIO FUNZIONANTE:


<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento senza titolo</title>
<style type="text/css">
<!--
body,td,th {
 font-family: Verdana, Geneva, sans-serif;
 color: #FFF;
}
body {
 background-color: #333;
}
-->
</style>
</head>
<body>
Prova
</body>
</html>

Ottengo esattamente quello che voglio, un documento dallo sfondo Grigio e caratteri Bianchi.

ESEMPIO NON FUNZIONANTE:


<title>Documento senza titolo</title>
<link href="xxx.css" rel="stylesheet" type="text/css" />
</head>
<body>
Prova
</body>
</html>

E' chiaro che Cambia la sintassi, ma in che modo?

Adattare del codice Css Html ad un foglio esterno richiede molto lavoro?
Quali sono le regole???

Grazie.