HTML5-Handbuch - die neuen Features von HTML5

Priorität laut W3-Konsortium: mittel
    http://www.w3.org/TR/css3-cascade
Da es sich bei diesem Modul um eine weitgehende Zusammenfassung bestehender Standards handelt, wird es von allen Browsern unterstützt.
Modul: Color
    Dieses Modul beschreibt die bekannte
color
-Eigenschaft, weiterhin jedoch auch die neue, wichtige Eigenschaft
opacity
für halbtransparente Elemente (unterhalb positionierte Elemente scheinen je nach Deckungsgrad mehr oder weniger stark durch – Effekte also, die aus Computerspielen, aber auch aus neueren Bestriebssystem-Oberflächen wie Mac OS X oder dem Aero-Theme von Windows bekannt sind und beim Webdesign stark nachgefragt werden. Dazu kommen neue Möglichkeiten, Farben zu definieren. So wird der bekannten
rgb()
-Methode eine
hsl()
-Methode zur Seite gestellt, die Farben auf der Basis von HSL (H = hue = Farbton, S = saturation = Sättigung, L = lightness = Leuchtkraft) mittels Prozentwerten beschreibt. Weiterhin lassen sich RGBa-Farben mit der Methode
rgba()
definieren. Das
a
steht für den Alphakanal und beschreibt die Transparenz bzw. Deckkraft einer Farbe. Auch eine entsprechende Methode für den HSL-Farbraum mit Alphakanal –
hsla()
– ist enthalten.
CSS3 module: Cascading and inheritance
    Status zum Redaktionszeitpunkt: Recommendation (Empfehlung) Priorität laut W3-Konsortium: mittel
    http://www.w3.org/TR/css3-color
Alle Methoden und Eigenschaften werden von den gängigen Browsern unterstützt. Microsoft Internet Explorer unterstützt dieses Modul ab der Version 9.
Modul: Flexible Box Layout
    Dieses Modul bietet neue Möglichkeiten an, Elemente anzuordnen. In CSS 2.0/2.1 lassen sich manche Anordnungen, etwa zwei nebeneinander angeordnete Buttons in einem Bereich, wobei der eine links- und der andere rechtsbündig ausgerichtet sein soll, nur mit umfangreichen Code und einigen Tricks erreichen. Manche Designer greifen auch gleich zur althergebrachten blinden Tabelle, um solche Aufgaben zu lösen. Das Flexbox-Modul von CSS3 schafft mit
box-orientation
,
box-direction
,
box-align
und anderen, mit
box-
beginnenden Eigenschaften neue Möglichkeiten der Anordnung.
Flexible Box Layout Module
    Status zum Redaktionszeitpunkt: Working Draft (Arbeitsentwurf) Priorität laut W3-Konsortium: mittel
    http://www.w3.org/TR/css3-flexbox
Das FlexBox-Modul wird von allen Browser mit einem proprietären Präfix unterstützt. Für den Internet Explorer ist die Unterstützung für die Version 10 geplant.
Modul: Fonts
    In diesem Modul werden die aus früheren CSS-Versionen bereits bekannten Eigenschaften versammelt, die mit
font-
beginnen.
CSS Fonts Module Level 3
    Status zum Redaktionszeitpunkt: Working Draft (Arbeitsentwurf) Priorität laut W3-Konsortium: mittel
    http://dev.w3.org/csswg/css3-fonts
Die Umsetzung dieses Moduls ist bei allen Browsern vorhanden.
Modul: Generated Content for Paged Media
    Dieses Modul erweitert die mit CSS 2.0 eingeführten Möglichkeiten, CSS für Printlayouts bzw. seitenorientierte Ausgaben zu nutzen. In CSS3 werden die Möglichkeiten stark erweitert, etwa um laufende Kopf- und Fußzeilen mit automatisiertem Überschriftenbezug, um Seiten- und Kapitelnummerierung, Fußnotenautomatik, usw.
CSS Generated Content for Paged Media Module
    Status zum Redaktionszeitpunkt: Working Draft (Arbeitsentwurf) Priorität laut W3-Konsortium: mittel
    http://www.w3.org/TR/css3-gcpm
Die Umsetzung für dieses Modul ist, soweit es Empfehlungen aus CSS2 betrifft, durchgeführt. Die neu hinzugekommenen Eigenschaften werden noch nicht unterstützt.
Modul: Generated and Replaced Content
    In dieses Modul gehören bereits aus CSS 2.0 bekannte Pseudo-Klassen wie
:before
und
:after
sowie die Möglichkeit, die automatische Nummerierung von Elementen mit CSS zu realisieren. In CSS3 gesellen sich weitere Möglichkeiten hinzu, etwa die
move-to
-Eigenschaft, um Elemente innerhalb des HTML-Dokuments zu verschieben, oder die
quotes
-Eigenschaft, die es beispielsweise erlaubt, sprachabhängige Anführungszeichen zu definieren.
CSS3 Generated and Replaced Content Module
    Status zum Redaktionszeitpunkt: Working Draft (Arbeitsentwurf) Priorität laut W3-Konsortium: niedrig
    http://www.w3.org/TR/css3-content
Soweit es CSS2-Standards betrifft ist die Umsetzung erfolgt. Alle neu in CSS3 definierten Eigenschaften, werden noch nicht unterstützt.
Modul: Grid Positioning
    Grid bedeutet so viel wie Raster. Das Grid-Modul bringt neue Eigenschaften und sogar eine neue Maßeinheit namens
gr
(1 grid) ins Spiel, um