Die 3 Möglichkeiten CSS in dein HTML Dokument einzubinden

  1. in den <head> Tag direkt mit<style>deine Stylesheets hier z.B p{font-size: 18px;}</style></head>

    Verwendung:
    Bei nur einer Seite mit wenigen Styles, damit die Übersicht und Einordnung des Seitenbereiches der Styles ohne großes Scrollen möglich ist im <head> Tag
  2. <link rel=”stylesheet” href=”layout.css”>
    Zum Einbinden von externen Stylesheets

    Verwendung:
    Viele Styles für verschiedene Bereiche der Seite. So lassen sich die Styles schöne den Bereiche zuordnen.

3. direkt in ein Tag: <div id=”…” style=”deine Stylesheets”> (wenns schnell gehen soll zum testen z.B)

Beispiel zu Listenpunkt 1:

...
<head>
...
<title>Der Titel</title>
<style>
p{
    font-size: 18px;
}
</style>
</head>

Beispiel zu Listenpunkt 2:

...
<head>
<link rel="stylesheet" href="layout.css">
</head>

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.