HTML Styles – CSS – Aussehen Stil
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)