Die Browserunterstützung für CSS bleibt hinter der Entwicklung von CSS zurück, das einen absoluten Marktanteil hat, und hat erst vor kurzem die vollständige Unterstützung für CSS 2.1 abgeschlossen. Der neueste Fortschritt bei CSS ist die Entwicklung von CSS 3 Die Spezifikation ist bereits zu mehr als der Hälfte fertig. Dies hindert uns jedoch nicht daran, neue Technologien in CSS zu verwenden. Obwohl wir sie nicht nach Belieben mit allgemeinen CSS-Techniken anwenden können, können wir in bestimmten Browsern lebendigere Effekte erzielen. Der Einsatz dieser neuen Technologien an geeigneten Stellen ermöglicht es Ihnen nicht nur, an der Spitze der CSS-Technologie zu stehen, sondern sorgt auch dafür, dass sich Ihre Arbeiten erfrischend anfühlen.
Neue CSS-Technologie: Erwarten Sie nicht, dass sie von allen Browsern unterstützt wird
Microsoft hat die Unterstützung für CSS in verschiedenen Browserversionen von Internet Explorer 5.5 bis 8.0 angekündigt. In dieser Liste können wir sehen, dass die vollständige Unterstützung für CSS 2.1 erst mit Internet Explorer 8.0 abgeschlossen wurde und nur in Internet Explorer 7.0 verwendet werden kann. Attributselektoren in CSS 2.1, obwohl diese CSS-Technologie sehr nützlich ist. Das bedeutet, dass man aus Rücksicht auf die Nutzer des Internet Explorer 6.x, die immer noch über 40 % des Marktes ausmachen, auf den Einsatz dieser Technologie verzichten muss. Zum Beispiel:
[Wert] {Höhe:25px}
[href=http://www.dudo.org/] {color:red;}
In Zeile 1 können wir die Höhe aller Formulare mit Wertattributen auf 25 Pixel einstellen, damit Links zu bestimmten Websites in rotem Text angezeigt werden. Dies hat jedoch im Internet Explorer 6 überhaupt keine Auswirkung, da diese „neue CSS-Technologie“ nicht unterstützt wird.
In CSS 3 verfügen Attributselektoren über leistungsfähigere Funktionen. Darüber hinaus fügt CSS 3 auch Effekte wie abgerundete Ecken, Textschatten und dreidimensionale Ränder hinzu. Man kann sagen, dass diese neuen CSS-Technologien die ursprünglichen Probleme in CSS verursacht haben 2 einfacher. In CSS 3 benötigen Sie beispielsweise nur den folgenden Code, um ein abgerundetes Erscheinungsbild zu erzielen:
Allerdings wird diese neue Technologie nicht einmal von Internet Explorer 8 unterstützt. Sie wird derzeit nur von Firefox, Safari und Chrome unterstützt, und diese Unterstützung wird auch unterstützt Nicht vollständig unterstützt. Verwenden Sie -moz-radius in Firefox und -wekit-radius in Safari und Chrome.
Hierbei handelt es sich um eine neue CSS-Technologie, die scheinbar nie von allen Browsern gleichzeitig vollständig interpretiert werden kann.
Die neue CSS-Technologie ist kein CSS-Hack
Was ist CSS-Hack? CSS Hack ist eine Methode, die bestimmte Mängel bei der Verwendung von CSS im Browser ausnutzt, um verschiedene CSS-Regeln zu implementieren. Beispielsweise kann _property verwendet werden, um IE7, 8 und andere Versionen von IE zu unterscheiden, *property kann verwendet werden, um IE von Nicht-IE-Browsern usw. zu unterscheiden. Hier wird jedoch darauf hingewiesen, dass es sich bei all diesen CSS-Hacks um nicht standardmäßige CSS-Spezifikationen handelt und sie die W3C-Verifizierung nicht bestehen können. Mit anderen Worten: Es handelt sich bei allen um falsche CSS-Regeln. Neue CSS-Technologien sind jedoch anders. Es handelt sich um Standard-CSS-Spezifikationen, die jedoch von einigen Browsern nicht unterstützt werden.
Darüber hinaus können neue CSS-Technologien nicht durch Hacking gelöst werden. Bei Inkonsistenzen bei der Interpretation des Box-Modells in verschiedenen Browsern können wir diese durch CSS-Hack korrigieren. Das Problem, dass der Internet Explorer keine abgerundeten Rechtecke unterstützt, kann jedoch durch keine CSS-Hack-Technologie gelöst werden. Die Lösung besteht darin, zusätzliches XHTML zu verwenden Hintergrundbilder.
Daher handelt es sich bei der neuen CSS-Technologie nicht um eine Art CSS-Hack, sondern um eine orthodoxe CSS-Spezifikation.
Angemessener Einsatz neuer CSS-Technologien
Obwohl wir bereits erwähnt haben, dass die neue CSS-Technologie nicht von allen Browsern unterstützt werden kann, kann sie auch in verschiedenen Browsern nicht den gleichen Effekt erzielen wie die Verwendung der CSS-Hack-Technologie. Dies hindert uns jedoch nicht daran, sie zu nutzen. Stellen Sie sich vor, wenn eine gewöhnliche Seite mit zusätzlicher Benutzerfreundlichkeit in einem Browser hinzugefügt werden könnte, ohne die Verwendung zu beeinträchtigen, wäre sie dann nicht attraktiver? Und wir haben diesen Effekt erreicht, ohne unregelmäßige CSS-Regeln wie CSS Hack hinzuzufügen. Daher kann der richtige Einsatz der CSS-Technologie zum richtigen Zeitpunkt das Tüpfelchen auf dem i erzielen und die Nutzung Ihrer Webseite vereinfachen.