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/