HTML
CSS Style Sheets
-
1. Allgemeines
Bei CSS, also Cascading Style Sheets, handelt es sich um eine eigene Sprache zur Ergänzung von HTML, welche dazu dient, Formateigenschaften einzelner HTML - Befehle zu definieren. Sie ermöglichen eine erweiterte Kontrolle über das Layout .
Außerdem können mit Style Sheets beliebige Bereiche einer Seite mit Elementen frei gestaltet werden. .
Der Aufbau ist dabei sehr einfach
Es beginnt mit einem Selektor, in der Regel einfach dem Namen des Elements
Es folgt die mit ihm verknüpfte Stil-Information, Regeln genannt (bestehend aus Eigenschaften und Werten)-innerhalb geschweifter Klammern
Wenn mehrere Tags gleichartig definiert werden sollen, können sie durch Komma getrennt aufgelistet werden.
Die Definition steht zwischen geschweiften Klammern.
Einzelne Elemente werden durch Semikolon voneinander getrennt
Die Eigenschaftszuweisung erfolgt nach einem Doppelpunkt
|
h1 |
{font-size: |
28pt; |
color: |
red;} |
|
Selektor |
Eigenschaft 1 |
Wert |
Eigenschaft 2 |
Wert |
Es gibt drei verschiedene Möglichkeiten, ein Style Sheet in ein Dokument einzubinden:
Durch ein externes Style Sheet
Durch ein dokumentweites Style Sheet
Durch ein internes Style Sheet mit Hilfe des style-Attributes (Eingebettete Styleregeln).