Benutzung von Cascading Style Sheets
Externe Datei (mystyle.css) einbinden.
Im Head der HTML-Datei
<link rel="stylesheet" type="text/css" href="mystyle.css">
schreiben.
Alle HTML-Dateien haben dann den Link im Head stehen!!
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<link rel="stylesheet" type="text/css" href="mystyle.css">
<title>Powertabelle</title>
</head>
Die mystyle.css muss in diesem Beispiel im gleichen Ordner wie die HTML-Dateien gespeichert sein.
Beispiel für ein indiviuelles Stylesheet, welches zugewiesen werden muss:
/* individueller style. Name .violetta */
.violetta {
font-family:verdana, sans-serif;
font-size:4em;
font-weight:bold;
color: #eb34dc;
}
Zuweisung des Styles Violetta mit class="violetta":
<p class="violetta">Ich bin mit dem Style .violetta gestyled worden!</p>
<td class="violetta">Blahblah</td>
<span style="violetta">An dieser Stelle </span> sehe ich anders aus.
Hyperlink (a href) mit CSS gestalten:
a {font-family:Arial;
text-decoration:none;}
a:link{color:aqua;}
a:visited{color:#ff0;}
a:hover{ color:#f00;
font-style:italic;
font-weight:bold;}
a:active{color:#f00;}
Websites (Liste der Attribute):
http://www.css4you.de/
http://www.html-seminar.de/css-lernen.htm
Ausführliche Übung:
https://linz.coderdojo.net/uebungsanleitungen/programmieren/web/erste-schritte-mit-css/