S t y l e   S h e e t

Quelltext Beispiele


Hier habe ich einige Beispiele zusammengestellt, die für das Studium des Quelltextes gedacht sind, da ich glaube, daß man erstmal das Prinzip verstehen muß, um dann mit Style Sheet Editoren oder Dreamweaver umgehen zu können. Eine bessere und ausführlichere Beschreibung findet man im Selfhtml von Stefan Münz oder auch bei CSS Intensivstation.

Neues mit CSS3
Neue Seite

Style Sheets für die gesamte Seite
Style Sheet für einzelne Html Tags
Style Sheet in einer externen CSS Datei
extra Style Sheet für Druck

Unterklassen
Verschachtelung
Unabhängige Formate / mehrere Styles einem Element zuweisen
Pseudo Elemente

Spezifität Selfhtml

Farben
Scrollleisten
Hochgestellte Zeichen, z.B.: Copyright
Positionierung per x y Koordinaten

Dynamische Style Sheets
Style Sheet Eigenschaften dynamisch ändern
getElementsByTagName()
dynamisches Menü
Style Sheet frameübergreifend ändern

Praxis
Generelle Schriftformatierung Beispiel
Sliding Door (abgerundete Kanten)
Inhalte mit fester Breite auf der Seite zentrieren
Bilder ausrichten und wieder nicht
Div Tag mit Scrollleisten
Dreamweaver Style Sheet
Probleme bei Netscape 4

Liste aller Stysheets in selfhtml
http://de.selfhtml.org
Style Sheet Eigenschaften

 


Copyright ©
Ein weiterer Web Design Tip von Pastor Pixel

H T T P : / / W W W . P A S T O R P I X E L . D E