CSS-Angaben komplett in eine externe *.css?

[Sven Rautenberg]

Moin!

Was ist nun vorteilhafter? Alles auslagern und eine große *.css bekommen und dafür einen übersichtlichen Qulltext oder die CSS-Angaben in der HTML-Datei stehen zu lassen?

Ich habe kein Problem damit, bei meinen Projekten CSS-Dateien von 8 kByte und mehr zu benutzen, und parallel dazu reichlich IDs und Klassen im Quellcode. Wobei IDs in meinen Augen unterbewertet werden, denn sie sind wirklich mächtig einsetzbar, insbesondere mit verschachtelten Selektoren.

Es macht dies beispielsweise wenig Sinn:
<table>
 <tr>
  <td class="tdstyle">
  <td class="tdstyle">
  ...
 </tr>
</table>

Besser:
<table class="tablestyle">
 <tr>
  <td>
  <td>
 </tr>
</table>

Und im CSS dann:
table.tablestyle td

Formatiert genauso gut wie td.tdstyle im oberen Beispiel.

Außerdem: Man unterschätze die Macht von <th> nicht! Damit kriegt man praktisch eine CSS-Klasse umsonst mit dazu. Also für Tabellenheader, auch wenn sie rein optisch gar nicht wie eine wirkliche Tabellen-Überschrift formatiert sind, ist das durchaus brauchbar.

- Sven Rautenberg