CSS
Cascading Style Sheets sind kein Bestandteil von HTML, sondern eine eigene
Sprachentwicklung. CSS sind Formatvorlagen, die darüber entscheiden wie eine
HMLL-Seite optisch dargestellt wird. Es findet somit eine Trennung zwischen
Inhalt und Form statt.
Wie können Stylesheets genutzt werden?
- Einbinden einer externen Datei
- Formate zentral in einem style-Element festlegen
- Formate in einem style-Attribut festlegen.
Mit dem HTML-Elementlink werden externe Dateien in das Dokument eingebunden. Die Syntax lautet
<link rel="stylesheet" href="namexyz.css" type="text/css">
Eingebunden wird diese Zeile im head-Element. Möchte man Formate zentral in der Datei festlegen, benötigt man das HTML-Element style. Dieses wird ebenfalls im head-Element eingebunden:
<meta charset="utf-8">
<title>Stylesheet in einem style-Element definieren</title>
<style>
h1 { color: green; }
</style>
</head>
Möchte man die dritte Möglichkeit
anwenden, muss das Format als style-Attribut formuliert werden:
<h1
style="text-align: center; text-decoration: underline;">
Als Stylesheet wird eine Datei oder ein Abschnitt innerhalb eines Dokuments bezeichnet, der aus
CSS-Regelsätzen besteht. Ein Regelsatz besteht aus: Einem Selektor oder
einer Gruppe von Selektoren, gefolgt von einem durch geschweifte Klammern
begrenzten Bereich, in dem Eigenschaften ein Wert zugewiesen wird.