Webdesign - Webseiten planen, gestalten - Free-Hack Library

HTML-Prototyp
Abschnitte im CSS markieren
Richten Sie sich leicht voneinander unterscheidbare Abschnitte über
eine Kombination aus CSS-Kommentaren, Abschnittsmarkierungen
und Trennstrichen ein:
/* Navigationsbereich
----------------------------- */
Sortieren nach Elementen
Ordnen Sie Ihre Regeln nach Elementen und fassen Sie alle Überschriften,
Absätze und Listen in Gruppen zusammen:
/* p */
p {
margin: 0;
padding: 0;
}
blockquote p {
margin: 0;
padding: 0;
}
blockquote p:last-child {
height: 46px;
background:url(images/q1.png) no-repeat bottom left;
margin-left: -45px;
padding: 0 45px;
}
CSS-Flags
Wenn Sie direkt vor den kommentierten Abschnittstext ein Kennzeichen
einfügen, können Sie mit der Suchen-Funktion Ihres Editors
bequem zum entsprechenden Absatz springen, ohne unerwünschte
Ergebnisse zu erhalten:
/* =p */
Verschiedene CSS-Dateien
Sie können das Stylesheet auf verschiedene Dateien aufteilen, um
nicht in langem Text suchen zu müssen. Dies bewerkstelligen Sie
mit dem @import-Befehl.
7.3.4 Grafiken
Während des Workflows empfiehlt es sich, Grafiken im transparenten
PNG-Format zu verwenden. In der Entwurfsphase kann es
passieren, dass sich Hintergrundfarben und -bilder noch ändern. Sie
sparen viel Zeit, wenn Sie mit transparenten Bildern arbeiten, um
sie nicht für jede Änderung anpassen zu müssen. Später ersetzen Sie
dann die Grafiken durch angepasste und optimierte Versionen.
PROTOTYPING 7
247