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ügenBeispiel:
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> |
0
css-in-html html
veröffentlicht am: 8. November 2020