InfoHome | Themen | Projekte | Links | Software |
|
Stile einbindenCSS-Stile können mit drei verschiedenen Methoden in HTML eingebunden werden: Lokal: Direkt in einem HTML-Tag im Body der Webseite. Der Stil gilt dann nur für dieses Tag. <p style="font-size:14pt;"> Intern: Im Head-Bereich einer Seite.
<html>
Die Stile gelten für die ganze Seite. Extern: Die Stile werden in einer externen Datei mit der Endung .css gespeichert. Diese CSS-Datei wird in einer oder mehreren HTML-Seiten im Head-Bereich eingebunden. Head-Bereich der HTML-Seite:
Inhalt der Datei stile.css:
p {font-size:12pt;}
Die Stile gelten für alle Webseiten, in denen die CSS-Datei eingebunden wird. Die externe Methode eignet sich hervorragend, um einer kompletten Webseite ein einheitliches Erscheinungsbild zu geben. Die Methoden lassen sich auch kombinieren. Lokale Stile überschreiben dabei interne Stile und die internen Stile überschreiben Stilregeln, die in einer externen Datei definiert wurden. Diese Verhaltensweise hat den Cascading Style Sheets ihren Namen gegeben. |
© 2004-2024 M. Blanke · Ursulaschule · Kleine Domsfreiheit 11-18 · 49074 Osnabrück |