Webdesign mit (X)HTML und CSS

Ein Kurs für Einsteiger

style-Element

Mit dem style-Element können im head-Bereich eines Dokumentes dokumentweite elementübergreifende Formatangaben vorgenommen werden:

  1. <head>
  2. […]
  3. <style type="text/css">
  4.  
  5. </style>
  6. </head>

Die Formatangaben stehen im Inhaltsbereich des style-Elements; das style-Element benötigt das Attribut type mit dem Wert text/css.

Die Deklarationen im style-Element werden durch Selektoren den gewünschten Bereichen zugeordnet

Mit dem style-Element werden die Angaben zum Layout zwar aus dem Inhaltsbereich herausgenommen (im Unterschied zum style-Attribut), doch sie verbleiben nach wie vor im HTML-Dokument.

Bei Dokumenten, die nur aus einer einzelnen Seite bestehen, ist diese Vorgehensweise angebracht. Da Publikationen im Web üblicherweise aus mehreren verlinkten Seiten bestehen, sollten Layoutangaben in ein externes Stylesheet ausgelagert werden.