Auszeichnungssprache - Bildersetzung
|
Klicken Sie hier, um zum Abschnitt „HTML-Tutorial“ von 123WORDPRESS.COM zurückzukehren. Um das CSS-Tutorial anzuzeigen, klicken Sie hier. Oben: Auszeichnungssprache – Zuweisen von CSS-Stilen zu Text . Kapitel 14: Bildersetzung: Da immer mehr Designer und Entwickler beginnen, Standards (insbesondere CSS) zu verwenden, werden jeden Tag neue Techniken entdeckt und ständig neue und bessere Wege entwickelt, um dieselben Ziele zu erreichen. Das beste Beispiel für diese Veränderung ist wohl „Bildersetzung“, eine Technik, bei der CSS verwendet wird, um normalen Text durch Bilder zu ersetzen. Wie sollten Sie CSS verwenden, um Text durch Bilder zu ersetzen? Am besten ist es, alle Präsentationsbilder (trivial oder dekorativ) in CSS einzufügen, da so aktualisierte Bilder einfach ersetzt werden können, ohne die Auszeichnung zu ändern. Außerdem können wir sicher sein, dass alle Browser und Geräte die Auszeichnung richtig interpretieren, unabhängig davon, ob es erweitertes CSS gibt, das das Ersetzen von Text durch Bilder vollständig unterstützt. Dieser Vorteil wird in diesem Buch durchgehend betont. Keine perfekte Lösung Die „perfekte“ Methode zum Ersetzen von Text durch Bilder nur mit CSS zu finden, ist jedoch fast wie die Suche nach dem Heiligen Gral … denn ihn gibt es noch nicht. Es gibt nur Methoden, die in allen Browsern funktionieren, aber nicht mit unterstützenden Technologien (wie Bildschirmleseprogrammen). Es gibt andere Methoden, die funktionieren, es sei denn, der Benutzer weist den Browser an, keine Bilder anzuzeigen, aktiviert aber CSS. Obwohl es zum Zeitpunkt des Schreibens dieses Artikels keine Methode gibt, die alle (oder alle Benutzer) zufriedenstellen kann, gibt es tatsächlich viele Websites, die diese Methode verwenden. Sie müssen bei der Anwendung einer Bildersetzungsmethode besonders vorsichtig sein und sich auch über die damit verbundenen Nebenwirkungen im Klaren sein. Sie kann verwendet werden, aber seien Sie vorsichtig. Dies ist der Zweck dieses Kapitels. Wenn die Vorteile der Bildersetzung offenbart werden, werden auch ihre Mängel offengelegt. Mit der Zeit werden vielleicht mehr CSS-Enthusiasten bessere Möglichkeiten finden, um denselben Effekt zu erzielen. Bis dahin müssen wir die Techniken gut nutzen und die Vor- und Nachteile abwägen. Um Sie mit dem Konzept des Bildaustauschs vertraut zu machen, sehen wir uns einige gängige Methoden an. Beginnen wir mit der Fahrner Image Replacement (FIR)-Technik. Vorherige Seite 1 2 3 4 5 6 7 Nächste Seite Gesamten Artikel lesen |
<<: Detaillierte Erklärung der MySQL-Datengruppierung
>>: JS realisiert Spezialeffekte der Webseiten-Navigationsleiste
Artikel empfehlen
js implementiert einen einfachen Countdown
In diesem Artikelbeispiel wird der spezifische Co...
Detaillierte Erklärung des FreeList-Mechanismus von MySQL
1. Einleitung Nach dem Start von MySQL wird Buffe...
Kann CSS auf diese Weise verwendet werden? Die Kunst wunderlicher Farbverläufe
Im vorherigen Artikel – Der Charme einer Zeile CS...
Mysql 5.7.18 Verwenden von MySQL proxies_priv zur Implementierung einer ähnlichen Benutzergruppenverwaltung
Verwenden Sie MySQL proxies_priv (simulierte Roll...
Grundlegendes Nutzungs-Tutorial zur IPTABLES-Firewall unter LINUX
Vorwort Für Produktions-VPS mit öffentlicher IP w...
Beispiel für die Konfiguration der domänenübergreifenden Fehlerbehebung in nginx
Die domänenübergreifende Nginx-Konfiguration wird...
Detaillierte Erklärung der MySQL-Berechtigungen und -Indizes
MySQL-Berechtigungen und Indizes Der höchste Benu...
MySQL Deep Paging (wie man schnell Millionen von Daten paginiert)
Inhaltsverzeichnis Vorwort Fall Optimierung Zusam...
Erläuterung der MySQL-Indexoptimierung
Bei unserer täglichen Arbeit führen wir manchmal ...
XHTML-Einführungstutorial: Anwendung von Tabellen-Tags
<br />Tabelle ist ein umständliches Tag in X...
Detaillierte Erklärung gängiger Befehle in MySQL 8.0+
Aktivieren Sie den Fernzugriff Aktivieren Sie die...
Beispielcode für die Javascript-Operation „Alles auswählen/Alles abwählen“ in HTML
Code kopieren Der Code lautet wie folgt: <html...
5 grundlegende Fähigkeiten zum Design von Themenseiten (Alibaba UED Shanmu)
Bei diesem Thema handelt es sich um einen interne...
Beispiel für die Einrichtung und Verwendung des HTML-Floating-Frames (Iframe lädt HTML)
Code kopieren Der Code lautet wie folgt: <!DOC...
Tutorial zur MySQL-Optimierung: Große Paging-Abfrage
Inhaltsverzeichnis Hintergrund LIMIT-Optimierung ...