CSS Tutorial 2. Formate für eine separate CSS-Datei definieren

Author:
Kategorie:
HTML & CSS
Beitrag vom:
CSS Include
CSS Include

Auslagern von CSS Stilen in eine externe CSS Datei und einbinden in ein HTML Dokument

Einbinden der CSS-Datei in ein HTML Dokument

<html>
<head>
<link rel="stylesheet" type="text/css" href="pfad/formate.css">
</head>
<body>
...
</body>
</html>

Allgemeine Formatdefinition in der CSS-Datei

body { background-color:#4D4D4D; margin-bottom:50px }
h3 { font-family:Verdana; color:#44FFEE; font-size:18px }

Definition einer speziellen "id" in der CSS-Datei

#schriftblau { color:#0000FF; font-family:Verdana; font-size:12px }

Definition einer speziellen "class" in der CSS-Datei

.schriftgelb { color:#FFFF00; font-family:Verdana; font-size:12px }

HTML-Element durch eine "id" oder "class" ansprechen

<span id="schriftblau">Blaue Schrift, Verdana, 12px</span>
<div class="schriftgelb">Gelbe Schrift, Verdana, 12px</div>

Seite teilen

Der Beitrag: CSS Tutorial 2. Formate für eine separate CSS-Datei definieren, aus der Rubrik HTML & CSS hat dir gefallen?