Wir müssen uns noch einige klassische CSS-Techniken merken, die uns viel Zeit sparen können. Nachfolgend empfiehlt Zero ein paar bessere CSS-Techniken für alle:
1. Verwenden Sie Gleicher Navigationscode auf verschiedenen Seiten
Viele Webseiten verfügen über Navigationsmenüs. Beim Aufrufen einer bestimmten Seite sollte das entsprechende Element im Menü grau werden, während andere Seiten aufleuchten sollten. Um diesen Effekt zu erzielen, müssen Sie im Allgemeinen ein Programm oder Design speziell für jede Seite schreiben. Jetzt können Sie diesen Effekt mit CSS erzielen.
Verwenden Sie zunächst die CSS-Klasse im Navigationscode:
<ul> <li><a href="#" class="home">首页</a></li> <li><a href="#" class="about">关于我们</a></li> <li><a href="#" class="contact">联系我们</a></li> </ul>
Dann für jede Seite separat Body Gibt eine ID mit demselben Namen wie die obige Klasse an. Zum Beispiel
.Dann entwerfen Sie das CSS wie folgt:
#home .home, #about .about, #contact .contact
{
commands for highlighted navigation go here
}Hier, wenn die ID auf „home“ eingestellt ist, .home funktioniert, das heißt, in der Zeile der Navigationsleisten mit der auf „home“ eingestellten Klasse werden Spezialeffekte angezeigt. Das Gleiche gilt auch für andere Seiten.
Wie wäre es, wenn es nicht ganz einfach wäre?
2. Vergleich von Block- und Inline-Elementen
Alle HTML-Elemente gehören zu einem von Block- und Inline-Elementen. Die Eigenschaften des Blockelements sind:
beginnt immer in einer neuen Zeile;
Höhe, Zeilenhöhe sowie oberer und unterer Rand können alle gesteuert werden.
Die Standardbreite beträgt 100 % seines Containers, sofern keine Breite festgelegt ist.
,
