emailconfirmed, nsInternRO, nsInternRW, Administrators
3,356
edits
Line 93: | Line 93: | ||
== Formate und Eigenschaften == | == Formate und Eigenschaften == | ||
=== Syntax | === Syntax === | ||
<source lang="CSS">selector { property: value; }</source> | <source lang="CSS">selector { property: value; }</source> | ||
Line 99: | Line 99: | ||
=== Übersicht Selektoren | === Übersicht Selektoren === | ||
{| {{Template:Prettytable}} | {| {{Template:Prettytable}} | ||
|- | |- | ||
Line 109: | Line 109: | ||
|- | |- | ||
| HTML Tags | | HTML Tags | ||
| HTML-Tag Formate<ref>Es können selbstverständlich nur Selektoren aus bestehenden HTML-Tags gewählt werden</ref> | | HTML-Tag Formate<ref>Es können selbstverständlich nur Selektoren aus bestehenden HTML-Tags gewählt werden.</ref> | ||
| <source lang="CSS">selector</source > | | <source lang="CSS">selector</source > | ||
| <source lang="CSS">p { color:red; }</source> | | <source lang="CSS">p { color:red; }</source> | ||
Line 115: | Line 115: | ||
|- | |- | ||
| Custom Class | | Custom Class | ||
| Eigene Formate<ref>Es müssen eigene Namen vergeben werden, die üblicherweise entweder die grafischen Eigenschaften oder die Zugehörigkeit zu bestimmten Layout-Elementen klar benennt.</ref> | | Eigene Formate<ref>Es müssen eigene Namen (ohne Sonderzeichen!) vergeben werden, die üblicherweise entweder die grafischen Eigenschaften oder die Zugehörigkeit zu bestimmten Layout-Elementen klar benennt.</ref> | ||
| <source lang="CSS">.selector</source > | | <source lang="CSS">.selector</source > | ||
| <source lang="CSS">.red { color:red; }</source> | | <source lang="CSS">.red { color:red; }</source> | ||
Line 121: | Line 121: | ||
|- | |- | ||
| ID | | ID | ||
| Universelle ID<ref>Die ID darf nur ein einziges Mal vergeben sein | | Universelle ID<ref>Die ID darf nur ein einziges Mal vergeben sein. Üblicherweise werden IDs zur Positionierung von Layout-Elementen (Boxen) verwendet.</ref> | ||
| <source lang="CSS">#selector</source > | | <source lang="CSS">#selector</source > | ||
| <source lang="CSS">#myID { position:fixed; left:25px; }</source> | | <source lang="CSS">#myID { position:fixed; left:25px; }</source> |