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
Verwenden von NTP zur Zeitsynchronisierung in Ubuntu
NTP ist ein TCP/IP-Protokoll zur Zeitsynchronisie...
Detaillierte Erläuterung der WordPress-Multisite-Konfiguration in der Nginx-Umgebung
Mit der Multisite-Funktion von WordPress können S...
Implementierung eines geplanten MySQL-Sicherungsskripts unter Windows
Wenn Sie auf einem Windows-Server regelmäßig Date...
JS implementiert Anforderungsdispatcher
Inhaltsverzeichnis Abstraktion und Wiederverwendu...
Detaillierte Erklärung, wie Vue-Komponenten Werte untereinander übertragen
Inhaltsverzeichnis Überblick 1. Die übergeordnete...
Verwendung und Beispiele für Linux-Befehle zur Echotextverarbeitung
Die Beschreibung von echo im Linux-Hilfedokument ...
So verwenden Sie Node zum Implementieren des statischen Datei-Cachings
Inhaltsverzeichnis Cache Klassifizierung des Cach...
So implementieren Sie eine bidirektionale Bindungsfunktion in vue.js mit reinem JS
Inhaltsverzeichnis Lassen Sie uns zunächst über d...
Vue implementiert Upload-Komponente
Inhaltsverzeichnis 1. Einleitung 2. Ideen Zwei Mö...
Beispiel für die Verwendung von #include-Dateien in HTML
Es gibt zwei Dateien a.htm und b.htm. Im selben Ve...
Eine Methode zum Verbergen von Prozessen unter Linux und die dabei auftretenden Fallstricke
Vorwort 1. Die in diesem Artikel verwendeten Tool...
Lösen Sie das Problem des IDEA-Konfigurations-Tomcat-Startfehlers
Beim Konfigurieren unterschiedlicher Servlet-Pfad...
So überprüfen Sie die Festplattengröße und mounten die Festplatte in Linux
Es gibt zwei Arten von Festplatten in Linux: gemo...
So sichern Sie MySQL unter Linux automatisch remote
Vorwort: Ganz gleich, ob wir es für den Eigengebr...
Lernen Sie MySQL auf einfache Weise
Vorwort Die Datenbank war schon immer meine Schwa...