Referenzen: CSS
CSS4You
Webadresse: www.css4you.de
Kurzbeschreibung:
CSS4You ist ein Nachschlagwerk und ist sehr übersichtlich gestaltet. Die Erklärungen der Grundlagen von CSS sind immer noch gültig. Aber da die Website schon länger nicht mehr aktualisiert wird, umfasst sie CSS nur bis zur Version 2.1. Für die neuen Möglichkeiten von CSS 3 benötigt man weitere Unterlagen.
Inhalte:
In der Navigation (linke Spalte) sind folgende Kapitel hilfreich:
Überschrift Übersichten
Punkt "Eigenschafen A - Z": Hier werden alle CSS-Eigenschaften mit ihren originalen, englischen Namen alphabetisch aufgelistet. Man kann für einzelne CSS-Eigenschaften schnell die Erklärungen aufrufen. Anmerkung: Es sind die selben Erklärungen wie im Kapitel "Eigenschaften".
Punkt "Stichwortverzeichnis": Entspricht dem Index eines Buches. Zu finden sind nicht nur CSS-Eigenschaften sondern auch andere Inhalte.
Überschrift Eigenschaften
Hier sind die einzelnen CSS-Eigenschaften in Gruppen zusammengefasst und erklärt.Leider sind die Eigenschaften unterschiedlich zusammengestellt als in den einzelnen Webeditoren, die sich ja auch untereinander unterscheiden.
Anmerkung: In den meisten Webeditoren werden inzwischen die englischen Originalnamen der CSS-Eigenschaften verwendet. Sollte ein Webeditor jedoch
deutsche Übersetzungen verwenden, so werden diese ebenfalls nur teilweise mit den Übersetzungen in CSS4You übereinstimmen.
Welche Informationen stehen bei den einzelnen Eigenschaften:
- deutsche Übersetzung und englischer Originalbegriff für die Eigenschaft (wird in der CSS-Regel verwendet)
- Erklärung
- Code-Beispiel
- Beispiele anzeigen
- Initialwert: Gibt an, welchen Wert die Eigenschaft annimmt, wenn dieser nicht in einer Regel zugegeordnet wird und auch nicht von einem Elternelement vererbt wird (auch Defaultwert genannt)
- Vererbbar: Gibt an, ob der Wert der
Eigenschaft von einem Elternelement auf ein Kindelement vererbt werden
kann.
Wenn z.B. ein Tag strong innerhalb eines Tags p ist (verschachtelt), dann ist an dieser Stelle p das Elternelement von strong. Wenn eine Eigenschaft vererbar ist, dann wird ein Wert, der p zugeordnet wird, auch auf strong angewendet, da er vererbt wird. - Anwendbar auf: Gibt an, auf welche Gruppen von HTML-Elementen die Eigenschaft anwendbar ist. Meist auf alle HTML-Elemente, manchmal aber nur bestimmte: diese sind dann aufgelisten.
- Medium: Gibt an, bei welchen Ausgabemedien diese Eigenschaft etwas bewirkt. visual (engl., deutsch: optisch, visuell wie z.B. Bildschirm, Drucker), aural (engl., deutsch auditiv, z.B. Sprachausgabe)
- Werte: Gibt an, welche Werte die Eigenschaft annehmen kann.
Möglich sind Schlüsselwörter, Längenangaben bzw. Prozentangaben, Zahlen, Farbangaben und inherit.- Schlüsselwörter sind Wörter, die fix vorgegeben sind und eine spezielle, vordefinierte Bedeutung haben. Wenn für diese Eigenschaft Schlüsselwörter existieren, werden diese aufgelistet.
- Werte (Zahlen):
- Bei nicht ganzzahligen Zahlen den Punkt als Kommazeichen verwenden (im Englischen ist der Dezimalpunkt üblich).
- Bei negativen Zahlen darf nach dem Minus kein Abstand sein.
- Falls man im Quellcode arbeitet: Es darf zwischen der Zahl und der Einheit kein Abstand sein.
- Farbangaben beginnen mit dem Zeichen # und danach ein sechsstelliger
Wert, der aus Ziffern oder den Buchstaben A bis F besteht.
Mehr über Farben und Farbwerte später. - Inherit: Ererben. Es wird erzwungen, dass der Wert vom Elternelement übernommen wird.
Überschrift Workshops
Punkt "Boxmodell"
Überschrift Referenzen
Punkt "Einheiten": Überblick, welche Einheiten in CSS verwendet werden können. Auch zu finden bei den einzelnen Eigenschaften, wenn bei den möglichen Werten Längenangaben bzw. Prozentangaben angegeben sind.
Wir verwenden nur die Einheiten em, ex, px und %.
Nachschlagen nach Eigenschaften
- Eigenschaften von A bis Z: Hier findet man einzelne CSS-Eigenschaften.
- Unter Eigenschaften - Überbegriffe wie z.B. Schrift: Hier sind immer einige, thematisch zusammenpassende Eigenschaften beschrieben.
- Tipp: Falls der Webeditor für CSS-Eigenschaften andere deutsche Bezeichnungen als CSS4You verwendet ist es oft schwierig diese zu finden.. In CSS4You sind außerdem die Eigenschaften nach den englischen Originalbezeichnungen sortiert. Wenn man daher mit einem solchen Webeditor zu einer bestimmten Eigenschaft Informationen in CSS4You nachschlagen möchte, man aber nicht weiß, unter welcher Bezeichnung diese in CSS4You zu finden ist, hilft folgende Vorgehensweise. Erstelle eine Regel mit einem beliebigen Fantasienamen, den du sonst nie verwenden würdest: z.B. test oder xy. Gib nun für die betroffene Eigenschaft einen beliebigen Wert ein, alle anderen Eigenschaften bleiben "leer". Bestästige die Eingabe (OK). Klicke mit der rechten Maustaste auf die Regel und wähle den Befehl "Gehe zu Code". Dreamweaver zeigt nun den CSS-Quellcode an und man kann die englische Originalbezeichnung lesen. Wenn du nun im Quellcode von CSS nachschaust, findest du in der Regel mit dem Fantasienamen-Selektor die englische Originalbezeichnung. Danach solltest du die CSS-Regel wieder löschen.
selfhtml
- Wiki
Webadresse: wiki.selfhtml.org/wiki/CSS
Kurzbeschreibung:
Das Wiki von selfhtml ist einerseits ein Nachschlagwerk und bietet grundlegende Informationen. Es beinhaltet aber auchweiterführende Informationen für speziellere Themen und auch viel Hintergrundinformationen.
Da es ein Wiki ist wird es gewartet und umfasst daher auch CSS 3 in sehr akuteller Form. Es kann aber sein, dass einzelnen Themen (noch) nicht ausgearbeitet sind.
Inhalte:
(to do)
Jetzt lerne ich CSS -
Webdesign mit Cascading Style Sheets
E-Book im Format pdf: In moodle unter Downloads.
Kurzbeschreibung:
"Jetzt lerne ich CSS" ist ein Lehrbuch und kann zum Lernen, Nachschlagen und Wissenserweiterung empfohlen werden. Die Inhalte sind gut und verständlich beschrieben und sind leicht lesbar. Es ist auch für AnfängerInnen geeignet - das Buch trägt auch den Untertitel "Start ohne Vorwissen".
Die Erklärungen der Grundlagen von CSS sind immer noch gültig. Aber da das Buch aus dem Jahr 2008 stammt, umfasst es CSS nur bis zur Version 2.1.
Inhalte:
(to do)