| Textgestaltung mit CSS |  |      |
|
|
 HOME |
 ZURÜCK SITEMAP |
CSS-Anweisungen einbinden - ÜBERSICHT CSS-Sylesheets können in 3 unterschiedlichen Verfahrensweisen in ein HTML-Dokument eingebunden werden. Alle 3 Techniken können sogar innerhalb einer Seite kombiniert werden.
interne CSS-Anweisungen 
Die erste Möglichkeit haben sie bereits kommentarlos auf meiner Seite 'CSS-Deklaration' kennen gelernt.
Style-Angaben werden zwischen den Tags <style> und </style> im Kopf der Seite innerhalb der Tags <head> und </head> notiert.
<head>
<style type="text/css">
<!--
-->
</style>
</head>
Die CSS-Anweisungsblöcke stehen innerhalb der CSS-Deklaration im Head der HTML-Datei. externe CSS-Anweisungen Um nun jedoch diese Definitionen nicht in jede HTML-Datei einkopieren zu müssen, ist es möglich die CSS-Anweisungen in eine externe Datei auszulagern. Diese kann dann in alle / mehrere HTML-Dokumente ihres Web-Projekts eingebunden werden.  Sobald sie innerhalb ihrer Musterseite die passenden Deklarationen festgelegt haben, können sie daran gehen die CSS-Anweisungen in eine zentrale, externe CSS-Datei auszulagern. Dort stehen dann die CSS-Anweisungen für ihr gesamtes WEB-Projekt. Erklärungen zum Aufbau einer externen CSS-Datei und deren Einbindung in ihre HTML-Seiten finden sie auf der Seite  externe Anweisungen
Inline CSS-Anweisungen Diese Formatierungsanweisungen werden direkt in ein HTML-Tag integriert und sind für dieses Element gültig. 
Beispiele:
<p style="color: #8F8F8F; padding: 5px">
Text in grau - Abstand 5 Pixel
</p>
<p style="color: #0000FF; align: center">
Text in blau - zentriert
</p>
<p style="font-weight: bold;">
Text in Fettschrift
</p>
Erklärungen zum Syntax von Inline-CSS-Anweisungen innerhalb ihrer HTML-Seiten finden sie auf der Seite Inline-Anweisungen
| ||||
|
3) Einbindung