Welche Änderungen wurden in CSS3 im Vergleich zu CSS 2 eingeführt?

Antwort

CSS3 brachte eine Vielzahl von neuen Funktionen und Verbesserungen im Vergleich zu CSS 2. Hier sind einige der wichtigsten Änderungen: 1. **Modularisierung**: CSS3 ist in verschiedene Module unterteilt, was die Entwicklung und Implementierung erleichtert. Jedes Modul kann unabhängig weiterentwickelt werden. 2. **Neue Selektoren**: CSS3 führte viele neue Selektoren ein, wie z.B. `:nth-child()`, `:nth-of-type()`, `:not()`, und `::before`/`::after`. 3. **Media Queries**: Diese ermöglichen es, CSS-Regeln basierend auf Eigenschaften des Geräts, wie Bildschirmbreite, Höhe, Auflösung usw., anzuwenden. 4. **Flexbox und Grid Layout**: Neue Layout-Modelle wie Flexbox und Grid erleichtern das Erstellen komplexer Layouts. 5. **Animationen und Transitions**: CSS3 ermöglicht es, Animationen (`@keyframes`) und Übergänge (`transition`) direkt in CSS zu definieren. 6. **Runde Ecken und Schatten**: Neue Eigenschaften wie `border-radius` für runde Ecken und `box-shadow` für Schatten wurden eingeführt. 7. **Gradients**: CSS3 unterstützt Verläufe (linear und radial) ohne die Notwendigkeit von Bildern. 8. **Web Fonts**: Mit der `@font-face` Regel können benutzerdefinierte Schriftarten eingebunden werden. 9. **Mehrspaltiges Layout**: Eigenschaften wie `column-count`, `column-gap` und `column-rule` ermöglichen mehrspaltige Layouts. 10. **Neue Farbformate**: CSS3 unterstützt RGBA und HSLA Farbwerte, die Transparenz ermöglichen. 11. **Benutzerdefinierte Variablen**: Mit CSS Custom Properties (`--variable-name`) können Variablen in CSS definiert und verwendet werden. Diese Änderungen und Erweiterungen machen CSS3 zu einem mächtigen Werkzeug für die Gestaltung moderner Webseiten. Weitere Informationen findest du in der offiziellen [CSS3-Spezifikation](https://www.w3.org/Style/CSS/specs.en.html).

Frage stellen und sofort Antwort erhalten