Back

CSS Vewenden

CSS Einbinden

Um Ein HTML Dokument optisch zu gestalten benötigt man CSS (Cascading Style Sheets). Es gibt drei Möglichkeiten CSS anzuwenden:

  1. Direkt im Body

    <body>
    <h1>Die direkte Einbindung von CSS im body</h1>
    <p style="color: red; font-size: 16px;" >Die Einbindung von </p>
    </body>

  2. Im Head

    <head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
    p { color: red;
    font-size: 16px;}
    </style>
    </head>

  3. Ein Verweis im Head auf eine seperate CSS Datei

    <head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link href="css/styles.css" type="text/css" rel="stylesheet" media="screen" />
    </head>

    Unter css/styles.css:

    p {
    color: red;
    font-size: 16px;
    }

Relative & Absolute Pfadangaben

Startseite: Pfadangabe relativhref="/index.html"
Startseite: Pfadangabe absoluthref="../../index.html"
Startseite: Pfadangabe mit fester externer Adresse href="http://gfn.neuhaus-altbau.de/index.html"

akademie.de HTML-Grundlagen: Relative Pfade

Alternative Links

Absolute und relative Pfade
Absolute oder relative Pfade verwenden?