CSS-Definitionen im Kopf der HTML-Datei (internal stylesheet) - Webseitenbau - A. Brandenberger

Google English français

⬆3. 3. 3 CSS-Definitionen im Kopf der HTML-Datei (internal stylesheet)

3.3.3 CSS-Definitionen im Kopf der HTML-Datei (internal stylesheet)

1 Allgemein
2 Vorgehen
- a) Erstens: CSS-Angabe im Kopf des HTML-Dokumentes
- b) Zweitens: Das HTML-Dokument editieren
3 Grundlagen-Websites & Workshops

⇧ 1 Allgemein

Die CSS-Angabe sind im Kopf des HTML-Dokumentes
Im Inhalt wird der Text so editiert, dass er nach nach dem Stylesheet formatiert wird.

⇧ 2 Vorgehen

a) Erstens: CSS-Angabe im Kopf des HTML-Dokumentes
b) Zweitens: Das HTML-Dokument editieren

↑ a) Erstens: CSS-Angabe im Kopf des HTML-Dokumentes

Eintrag zwischen <head> und </head>

1) Eintrag im Kopfbereich dieses HTML-Dokumentes

<style type="text/css">
h6 {
    font-size:150%;
    font-weight:bold;
    color: maroon;
    margin: 0 0 0 40px;
} 
.text_blau {
    color: blue;
    margin-left: 40px;
} 
</style>

↑ b) Zweitens: Das HTML-Dokument editieren

2) Eintrag Text des HTML-Dokumentes

Die Titel h6 von diesem HTML-Dokument werden so formatiert.
Der Text kann mit <p class="text_blau"> formatiert werden.

<h6>Das ist ein brauner Titel</h6>
<p class="text_blau">Das ist ein blauer Text</p>

3) Anzeige im Browser des Anwenders

Das ist ein brauner Titel

Das ist ein blauer Text

⇧ 3 Grundlagen-Websites & Workshops

W3Schools en Internal Style Sheet
W3Schools en Beispiel 1
W3Schools en Beispiel 2

CSS 4 You de Stylesheets zentral im Dokument deklarieren

The Styleworks de Interne Stylesheets

↑