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

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

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

1
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.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<!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

1
span {color:blue}

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

Beispiel:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<!DOCTYPE html>

<html lang="de">

<head>

<link rel="stylesheet" href="pfad_zu_deiner_Datei/style.css">

</head>

   <body>

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

   </body>

</html>


css-in-html  html 
veröffentlicht am: 8. November 2020