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
Zusammenfassung der zwölf Methoden der Vue-Wertübertragung
Inhaltsverzeichnis 1. Vom Vater zum Sohn 2. Vom S...
Tomcat-Komponenten veranschaulichen die architektonische Entwicklung eines Webservers
1. Wer ist Tomcat? 2. Was kann Tomcat? Tomcat ist...
Best Practices-Handbuch zum Speichern von Daten in MySQL
Inhaltsverzeichnis Vorwort Verwenden Sie keine Ze...
Vue implementiert einen Countdown zwischen angegebenen Daten
In diesem Artikelbeispiel wird der spezifische Co...
Detaillierte Erläuterung der Verwendung und der zugrunde liegenden Prinzipien von MySQL-Tabellenpartitionen
Inhaltsverzeichnis Was ist eine Partitionstabelle...
Das WeChat-Applet implementiert das Schlangenspiel
In diesem Artikel wird der spezifische Code des W...
Implementierung des Einfügens von Millionen von Datensätzen in eine MySQL-Datenbank innerhalb von 10 Sekunden
Lassen Sie uns zunächst über eine Frage nachdenke...
Erste Zusammenfassung des Website-Erstellungs-Tutorials für Anfänger
Nachdem ich diese sechs Artikel geschrieben hatte,...
Detailliertes Tutorial zur Installation und Konfiguration von MySql5.7 unter Ubuntu 20.04
Inhaltsverzeichnis 1. Änderung der Ubuntu-Quelle ...
So konfigurieren Sie die Basic Auth-Anmeldeauthentifizierung in Nginx
Manchmal erstellen wir einen Dateiserver über ngi...
Schritte zur Überprüfung der MySQL InnoDB-Row_ID-Grenzwertüberschreitung
Hintergrund Ich habe mit meinen Klassenkameraden ...
Detaillierte Erklärung der JQuery-Datagrid-Abfrage
Inhaltsverzeichnis Fügen Sie dem Tree-Element Cod...
Beispielcode für die automatische Aktualisierung von Webseiten und den automatischen Sprung
Automatische Aktualisierung der Webseite: Fügen Si...
mysql bestimmt, ob die aktuelle Zeit zwischen der Start- und Endzeit liegt und ob die Start- und Endzeit leer sein dürfen
Inhaltsverzeichnis Anforderung: Abfrage laufender...
So führen Sie nach der Kompilierung und Installation von Nginx ein reibungsloses Upgrade durch
Wenn Sie nach der Kompilierung und Installation v...