Dann wollen wir mal ...
1. Die externe css-Datei kannst Du mit einem ganz normalen Texteditor schreiben - die Endung sollte ".css" lauten, damit sie leichter zu identifizieren ist.
2. Ein Beispiel-HTML-Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>CSS</title>
<link rel="stylesheet" type="text/css" href="deinedatei.css">
</head>
<body>
<table>
<tr>
<td>bla</td>
<td class="spezial1">bla</td>
<td>bla</td>
<td>bla</td>
<td class="spezial1">bla</td> <td>bla</td>
<td class="spezial2">bla</td>
</tr>
</table>
</body>
</html>
Entscheidend sind die fett hervorgehobenen Stellen: Mit dem
<link... im Head-Bereich gibst Du an, wie die Datei heisst, und mit den
class-Angaben, welche Styleangabe verwendet werden soll.
3. die externe CSS-Datei:
td { background-color: #0000FF }
td.spezial1 { background-color: #00FFFF }
td.spezial2 { background-color: #FFFF00 }
Fazit: Du mußt jeden Style
einmal definieren und kannst dann mittels
class-Angabe beliebig oft darauf zugreifen.