CSS in HTML einfügen: So gehts!

Generic selectors
Exact matches only
Search in title
Search in content
Post Type Selectors
smileys

Wenn du CSS Code in deinen HTML Code einfügen möchtest dann hast du dafür 2 Möglichkeiten.

CSS in HTML einfügen

Du kannst den CSS Code direkt in ein beliebiges Tag einfügen. Dazu zeige ich dir einfach mal ein paar Beispiele, dann verstehst du besser was ich meine.

Beispiel 1

<span style="color: blue;">Dies ist jetzt ein blauer Beispieltext </span>

Du kannst den CSS Style einfach in das HTML Tag einfügen.

style ="color:blue"

CSS in Head Bereich einfügen

Beispiel 2

Eine andere Möglichkeit ist das du den CSS Code in deine HTML Datei einfügst. Das würde dann so wie im nächsten Beispiel aussehen. Dazu musst du darauf achten das der CSS Code im Bereich eingefügt wird. Dann gibt es keine Probleme.

<!DOCTYPE html>

<html lang="de">

<head>

<style>

span {
      color:blue
}

</style>

</head>

   <body>

          <span>Dies ist ein blauer Beispieltext</span>

   </body>

</html>

Eigene CSS Datei anlegen

Die dritte und letzte Möglichkeit ist das du den CSS Code in eine eigene .css Datei einfügst. Dazu musst du eine Datei anlegen. Beispiel style.css

span {color:blue}

Diese Datei kannst du dann mit dem folgen Code im Bereich deines HTML Codes einfügen

Beispiel:

Dies ist ein blauer Beispieltext

Weitere Beiträge zu HTML

HTML: Text in Zwischenablage kopieren – So gehts
HTML: Grundgerüst – Webseite erstellen
HTML: Textarea erstellen – So gehts
PHP in HTML einfügen – So gehts!
HTML: Rahmen um Text – So gehts

HTML Datei öffnen – Kostenloser Editor 2021
HTML: Anker erstellen – So wirds gemacht!
HTML: 302 Redirect – So einfach gehts!
HTML: URL Parameter Erklärung
HTML: Bild einfügen – So gehts!

Jquery in HTML einbinden : So wirds gemacht!
HTML: Zurück Button & Link erstellen: So gehts!
HTML: Versteckter und Unsichtbarer Text : So gehs
HTML: Großbuchstaben schreiben: So gehts!
HTML: Icons einfügen: So gehts!

HTML: iFrame in Webseite einbinden – So gehts!
HTML: Liste erstellen – So gehts!
HTML: Erzwungenes Leerzeichen einfügen – So gehts!
CSS in HTML einbinden – So gehts!
HTML: Leerzeichen erstellen – So einfach gehts!

HTML: Auskommentieren – So gehts!
HTML: Bild zentrieren und mittig ausrichten
HTML: Fett schreiben – So einfach gehts!
HTML Text ausrichten: rechtsbündig & linksbündig
HTML: Zeilenabstand einstellen – So gehts!

HTML: Trennlinie einfügen – So gehts!
HTML: Absatz einfügen – So gehts!
HTML: Horizontale Linie – So gehts
HTML: Tabellen erstellen – So gehts!
HTML: Datum & Uhrzeit anzeigen – So gehts!


    css in html        html   

Das könnte dich interessieren!


Weitere Kategorien






Kommentare sind geschlossen.



21462