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?

  1. Einbinden einer externen Datei
  2. Formate zentral in einem style-Element festlegen
  3. 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:

<head>
<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.