HTML and CSS Reference
In-Depth Information
Die Definitionen werden dabei immer von geschweiften Klammern umschlossen.
Eine Definition besteht immer aus einer Eigenschaft und einem Wert. In diesem Bei-
spiel besitzt die Eigenschaft
font-size
, also Schriftgröße, den Wert
20px
.
2
Die Farbdefinition wird in Form eines HEX-Wertes vorgenommen. Nutzen Sie für die
Umrechnung von RGB- zu HEX-Farbwerten ein Bildbearbeitungsprogramm, wie z. B.
Adobe Photoshop oder die Webseite
http://www.colorpicker.com
. Jede Definition
wird mit einem Semikolon abgeschlossen. Der Übersicht wegen empfehlen wir
Ihnen, für jede Definition eine neue Zeile zu beginnen.
Hups, was sind denn das für komische Zeichen im Text? Da Sie im Text deutsche Son-
derzeichen, wie z. B. Umlaute verwenden, müssen Sie auch in der HTML-, genauso wie
in der CSS-Datei die Verwendung des Zeichensatzes UTF-8 angeben. Fügen Sie fol-
gende Zeile ebenfalls in den
head
-Bereich der HTML-Datei:
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
Nachdem Sie die Anmutung des Tags
<h1>
definiert haben, stellen Sie fest, dass nicht
jede erste Überschrift in blutigem Rot erscheinen soll. Sharky ist nämlich ein freund-
licher Hai und kann keiner Fliege was zu Leide tun. Deswegen haben Sie in der HTML-
Datei der Überschrift im zweiten Absatz eine
Klasse
zugewiesen. Eine Klasse ist im
Wesentlichen nichts anderes als eine Bezeichnung. Klassen können mit CSS direkt
angesprochen und formatiert werden.
Keine Leer- und Sonderzeichen!
Klassen dürfen keine Leerzeichen und Sonderzeichen enthalten. Des Weiteren wird
zwischen Groß- und Kleinschreibung unterschieden, weswegen wir Ihnen empfeh-
len, alle Klassennamen immer kleinzuschreiben.
Bei der Ansprache einer Klasse wird der Definition noch ein Punkt vorangestellt. So
weiß der Browser, dass es sich um eine Klasse handelt:
.sharky {
color: #0000ff;
}
Damit haben Sie die zweite Überschrift in ein freundliches Blau, passend zu Sharky's
Gemüt, gefärbt (Abbildung 2.3).
Search WWH ::
Custom Search