Es gibt 2 Möglichkeiten CSS in HTML-Dateien zu verwenden:
<!DOCTYPE html> <html> <head> <title>TITLE</title> <style type="text/css"> <!-- Styledefinitionen --> </style> </head> <!-- body ... -->
<!DOCTYPE html> <html> <head> <title>TITLE</title> <style type="text/css" src="DATEIPFAD"></style> </head> <!-- body ... -->
Der Inhalt der Datei entspricht dabei dem, was zwischen den <style>-Tags steht.
CSS ist prädestiniert für die seitenweite Definition des Styles der Elemente der Homepage. So kann zum Beispiel jedem p-Tag der Seite eine Schriftgröße gegeben werden oder der Rahmen von jedem Bild kann auf Null gesetzt werden. Hier will ich jeder Tabelle eine Breite von 100% geben und jeden Text als Blocksatz ausrichten:
<style type="text/css"> table{ width:100%} p{ text-align:justify] </style>
Die Grundlegende Syntax:
<style type="text/css"> HTML_TAG{ ATTRIBUT:ATTRIBUTWERT; ATTRIBUT:ATTRIBUTWERT; ...} ... </style>