HTML Teil 14 Anleitung HTML Styles

Es gibt 3 Möglichkeiten, um HTML Code mit einem Style zu versehen.

Mit einem style Attribute im HTML Element.
```
<h2 style="color:red">Überschrift in Rot</h1>
```
(Inline CSS)Der Style gilt nur für das eine Element.
Mit dem Tag <style>…</style> im <head> </head> Bereich z.B.
```
<!DOCTYPE html>
<html>
<head>
<style>
body {background-color:blue}
h1   {color:red}
p    {color:green}
</style>
</head>
```
Dadurch wird der style auf alle HTML Elemente im Dokument angewendet.( Internal CSS)
Durch das Einbinden einer externen CSS Datei mit dem Tag <link> im <head> </head> Bereich des Dokuments z.B.
```
<!DOCTYPE html>
<html>
<head>
  <link rel="stylesheet" href="meinstyle.css">
</head>
<body>
```
Auch hier wird der style auf alle HTML Elemente im Dokument angewendet. (External CSS)