Bringt uns mit CSS 3 auf die nächste Ebene

„ CSS 3 ist nicht neu und es sind nicht nur abgerundete Ecken, die rund um die Eigenschaft border-radius implementiert sind. Es sitzt geduldig da, bereit für sein Debüt, nippt an Kaffee und wartet darauf, dass Browser den roten Teppich ausrollen. Sie sehen, der Browser braucht aufholen ...“

– Dieser Artikel möchte das Meisterwerk von ISD WEBTEAM im zweiten Quartal 2009 aufzeichnen: CSS 3.0 Referenzhandbuch (chinesische Version)

Hintergrund

CSS2.0-Referenzmaterialien, dargestellt durch Su Yus „Style Sheet Chinese Manual“, begleiten viele inländische Webdesigner seit fast 10 Jahren. Diese Auswirkungen sind weitreichend, aber mit der kontinuierlichen Weiterentwicklung der CSS-Technologie werden Designer hauptsächlich von traditionellen Materialien beeinflusst Sie können die bestehenden Zäune nicht überwinden, was eine große Belastung für sie darstellt. Haben Sie bemerkt, dass CSS 3 an Dynamik gewinnt? Möchten Sie sie unbedingt nutzen, wissen aber nicht, wo Sie anfangen sollen? Gerade als die neuen Funktionen von CSS 3 mit Spannung erwartet wurden, entstand unser chinesisches CSS3.0-Referenzhandbuch ...

Was ist CSS 3?

CSS ist die Abkürzung für Cascading Style Sheet. Übersetzt als „kaskadierende Stylesheets“. Es handelt sich um eine Auszeichnungssprache, die zur (erweiterten) Kontrolle über Webseitenstile verwendet wird und die Trennung von Stilinformationen vom Webseiteninhalt ermöglicht.
CSS3.0 stellt die nächste Version von CSS dar und 3.0 ist die Versionsnummer.

Welche Überraschungen bringt uns CSS 3?

CSS3.0 ist nicht nur eine neuartige Technologie für uns Webdesigner, sondern, was noch wichtiger ist, diese neuen Konzepte von Webanwendungen bieten uns unbegrenztere Gestaltungsmöglichkeiten und verbessern auch unsere Entwicklungseffizienz erheblich. Wir müssen uns nicht länger auf Bilder oder Javascript verlassen, um abgerundete Ecken, mehrere Hintergründe, benutzerdefinierte Schriftarten, 3D-Animationen, Farbverläufe, Boxschatten, Textschatten, Transparenz und andere vorgestellte Anwendungen zu vervollständigen, die die Qualität des Webdesigns verbessern. Das Aufkommen von CSS 3.0 macht den Code einfacher, die Seitenstruktur sinnvoller und sowohl Leistung als auch Wirkung werden berücksichtigt.

Gebrauchsanweisung

• Dieses Handbuch richtet sich an Webseiten-Rekonstrukteure oder Front-End-Entwicklungsingenieure.
• Dieses Handbuch wurde auf der Grundlage des W3C-Arbeitsentwurfs übersetzt und es bestehen gewisse Unsicherheiten. Das endgültige Interpretationsrecht liegt bei ISD WEBTEAM.
• Das Layout dieses Handbuchs bezieht sich auf die CSS-Vorschau von css3.info, die CSS 3-Eigenschaften in neun Kategorien unterteilt: Rahmen, Hintergrund, Farbe, Text, Benutzeroberfläche, grundlegendes Boxmodell, Inhalt, andere Module und erweiterte Selektoren.
• Die Kompatibilitätsliste bietet vorübergehend offizielle Browserkompatibilität für Internet Explorer, Firefox, Opera, Safari und Chrome.
• Zu den privaten Attributen, die die Gecko-Engine verwenden, gehört Firefox, und zu den privaten Attributen, die die Webkit-Engine verwenden, gehören Safari und Chrome, beginnend mit -webkit-; zu den Browsern, die die Presto-Engine verwenden, gehört Opera, beginnend mit -o- Start, ebenso wie Internet Explorer, beginnen mit -ms-, derzeit unterstützt nur IE8 das Präfix -ms-.
• Die für jedes Attribut erstellten Beispiele, mit Ausnahme des @font-Gesichtsbeispiels, das aufgrund des Urheberrechts für Schriftarten von Microsoft übernommen wurde, wurden alle von Teammitgliedern auf der Grundlage ihrer eigenen Erfahrungen erstellt. Aufgrund der begrenzten Länge des Handbuchs sind einige Beispiele möglicherweise schwer zu verstehen. Wir werden diese in Zukunft diskutieren und einige Beispiele im Detail in separaten Artikeln analysieren.
• Vererbung: Da der W3C-Arbeitsentwurf keine klare Erklärung zur Vererbung enthält, gibt es in dieser Angelegenheit keinen Test zur Vererbung und sie hat noch keinen Referenzwert.
• Wenn die heruntergeladene CHM-Datei nicht geöffnet werden kann, können Sie versuchen, mit der rechten Maustaste auf die CHM-Datei zu klicken und dann unter „Eigenschaften“ auf „Entsperren“ zu klicken.
• Dieses Handbuch dient hauptsächlich der Kommunikation und ist eine Amateur-Nachtarbeit. Ich hoffe, dass Sie mir während der Verwendung Feedback geben. Wir werden dieses Handbuch weiter verbessern und aktualisieren. Hier finden Sie die V1-Version des Handbuchs, die von Zeit zu Zeit monatlich aktualisiert wird.

Quelle: Tencent Webteam