erster-buchstabe-groß-css 

CSS in HTML einbinden – So gehts!

Wenn du CSS in HTML einfügen willst dann geht das ganz schnell un unkompliziert. Dafür hast du wieder zwei Möglichkeiten. Entweder du fügst den CSS Code direkt in dein HTML Dokument ein oder du erstellst eine extra style.css Datei die du dann in deine HTML Seite einfügen kannst.

Stelle deine HTML oder CSS Frage in unserem Forum kostenlos!

CSS Code in HTML einfügen

Mit der ersten Möglichkeit kannst du einfach den CSS Code in den Head Bereich deiner HTML Datei einfügen. So sieht das in dem folgenden Beispiel aus.

1
2
3
4
5
6
7
8
9
10
11
12
13
<!DOCTYPE html>
<html>
 <head>
       <style>

       p {color:blue; font-size:14px;}

       </style>

 </head>

<p>Beispieltext mit CSS</p>
<body>

Ergebnis

Beispieltext mit CSS

Externe CSS Datei in HTML einfügen

Einfach ist es eine neue Datei mit dem Namen style.css zu erstellen. Hier kommen dann alle deine CSS Codes hinein. Diese brauchst du dann nur noch in den Header Bereich deiner Webseite einbinden. Das sieht dann so aus.

1
2
3
4
5
6
7
8
9
10
<!DOCTYPE html>
<html>
 <head>
       <style>

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

       </style>
 </head>
<body>

Fazit

Einen CSS Code in eine HTML Datei einzufügen ist garnicht so schwer. Jetzt bist du in der lage deine Seite mit CSS zu gestalten viel Erfolg!





weitere Beiträge zum Thema CSS




Schreibe einen Kommentar



24022