Cascading Style Sheets (CSS)

Wo finden sich CSS-Angaben?

Style Sheet Angaben werden im Idealfall vom HTML-Text getrennt aufbewahrt. So wirst du z.B. im HTML-Text dieser Seite keine Angaben zur Gestaltung finden. Hingegen befindet sich im <head>-Teil eine Zeile mit dem Inhalt:

<link rel="stylesheet" type="text/css" href="infra/general.css">

Das ist ein deutlicher Hinweis darauf, dass sich die Style-Sheet-Angaben samt und sonders im File infra/general.css befinden. Es gibt auch Möglichkeiten, Style-Angaben im <head>-Bereich unterzubringen, und die meisten HTML-Tags unterstützen sogar ein "style"-Attribut, mit dessen Hilfe Style-Angaben auch auf Tag-Level gemacht werden können. Sinnvollerweise handelt es sich hier aber um Style-Angaben, die lediglich für eine einzelne Seite bzw. nur gerade für einen einzelnen HTML-Tag gelten. Angaben wie die für die vorliegenden Seiten gelten aber über eine ganze Site und werden daher in einer separaten CSS-Datei untergebracht.

So eine CSS-Datei ist eine ungeschminkte Text-Datei und kann mit einem einfachen Editor geöffnet und bearbeitet werden.

Der <link>-Tag sorgt dafür, dass der Browser weiss, welche CSS-Angaben für eine Seite gelten.

Homepapa Intro Wasist Wodenn Wiedenn FrontPage das Box-Modell CSS Syntax Selektoren Schrift Hintergrund Anhang Farben Masse