CSS
CSS ist heute die Standard-Stylesheetsprache (d.h. Desginvorlagesprache) für das Web. Es ermöglicht eine Trennung des Layouts von anderen Elementen (Inhalt, Programmierung).
- Einbindungsmöglichkeiten: Formatanweisungen können per
- Browser-Standard
- Externem style sheet (.css-Datei <link rel="stylesheet" media="screen" type="text/css" href="/wiki/lib/exe/css.php" />
- Internes style sheet (innerhalb des <head> tags)
- Inline (innerhalb eines HTML-Elements): höchste Priorität
- Bausteine
- Element (zeigt auf einen html-Tag z.B. kann man dem <p>-Tag mit z.B. p { margin-left: 100px; } gibt allen <p>-tags einen (100-Pixel) linken Einzug.
- wiederverwendbare class die Anweisung .name{Formatanweisungen} gibt allen <div class=„name“> oder <em class=„name“> die Formatanweisungen
- Id arbeitet wie die Klasse, darf aber nur einmal verwendet werden. z.B. <div id=„footer“> bekommt die Formatanweisungen aus #footer{Formatanweisungen}
Links
- CSSZenGarden - überzeugende CSS-Demonstration: eine Seite in 350 Designs betrachten durch einen sog. "Style Switcher".
CSS-Bugs und workarounds
CSS-Templates
- Perfect multi-column CSS liquid layouts - iPhone compatible - The Perfect 3 Column Liquid Layout (hab ich für die Seite verwendet)
CSS-Menus
CSS Frameworks
Yaml
Yaml (Yet Another Multicolumn Layout) ist ein (X)HTML/CSS-Framework.
Robuste & Flexible Layouts einfach erstellen Joomla! Template basierend auf dem YAML CSS-Framework YAML in der Praxis einsetzen
YAML und Typo3
Boxen mit (abgerundeten) Ecken
- Rounded corners and shadowed boxes: Beispiel mit 5 Grafiken und recht Menu das stehen bleibt (ohne Frames).