Prace nad CSS3 trwają.

When can I use... pokazuje wsparcie CSS3 i HTML5 w przeglądarkach, aktualizowana interaktywna lista.

Artykuły i tutoriale CSS3 PL

Artykuły i tutoriale CSS 3 EN

1. Czym różni się CSS 3 od CSS 2.1?

Przede wszystkim różni się podziałem na moduły (modules), dodano także nowe selektory (selectors) i właściwości (properties).

2. Czym są moduły CSS3?

Moduły grupują właściwości, np. moduł tekstu (Text) grupuje właściwości CSS, które są związane z formatowaniem tekstu. Moduł jednostek i wartości (Values and Units), grupuje właściwości CSS, które opisują wszystkie możliwe jednostki i wartości. Modułów jest kilkadziesiąt, każdy osobno uzyskuje status rekomendacji.

3. Zalety modularyzacji

Dany moduł może zostać opublikowany jako oficjalna rekomendacja W3C, niezależnie od tego, czy inne moduły są ukończone, czy dopiero w trakcie opracowywania. Dzięki temu nie trzeba czekać na ukończenie specyfikacji obejmującej wszystkie wprowadzone zmiany, tak jak miało to miejsce we wcześniejszych wersjach CSS. Ma to znaczenie szczególnie ze względu na to, że kaskadowe arkusze stylów bardzo się rozrosły. Niektóre moduły CSS3, objętością dorównują pełnej specyfikacji CSS1. Dzięki modularyzacji prostsze staje się publikowanie poprawek i rozwijanie CSS.

Należy zauważyć, że przeglądarka internetowa nie musi wspierać wszystkich modułów CSS3, np. przeglądarka głosowa (przeznaczona dla osób niewidomych), nie potrzebuje wspierać właściwości, które są odpowiedzialne za formatowanie kolorów (Color), z kolei może chcieć wspierać styl mowy (Speech).

Przeglądarki internetowe, które wspierają CSS3

Lista modułów CSS3

Lista modułów może ulec zmianie, należy ją traktować jak szkic roboczy. Obecnie żaden moduł CSS3 nie uzyskał statusu rekomendacji W3C (poza stylami przeznaczonymi dla SVG ). Nie ukończono także prac nad wcześniejszą wersją CSS 2.1, która jest w fazie Candidate Recommendation

2D Transforms
3D Transforms
Animations
Attribute Syntax
Aural Style Sheets
Backgrounds and Borders
Tła i obramowania — zawiera wszystkie właściwości dotyczące teł i obramowań, między innymi wielokrotne tło Multiple background czy zaokrąglone rogi Border radius.
Basic Box model
Basic User Interfaces
Cascading and Inheritance
Color
CSSOM View
Extended Box Model
Flexible Box Layout
Fonts
Generated and Replaced Content
Generated Content for Paged Media
Grid Positioning
Hyperlink Presentation
Image Values
Introduction
Line Grid
Line Layout
Lists
Marquee
Marquee jest mechanizmem przewijania napisów (animacją tekstu), zawiera wlaściwości pozwalające kontrolować prędkość, kierunek, styl przewijania.
Podobną funkcjonalność pełnił w przeszłości niestandardowy znacznik HTML <marquee>, który został wprowadzony przez Microsoft pod przeglądarkę Internet Explorer, obsługiwany był również w Firefoksie, Operze i Safari, jednak znacznik ten nigdy nie był częścią oficjalnej specyfikacji HTML.
Math
Media Queries
jest poszerzeniem funkcjonalności reguł opisanych w CSS 2.1 - Media types i pozwala określić dodatkowe kryteria dla reguły @media. Dzięki temu możliwe jest tworzenie różnych układów strony oraz wersji kolorystycznych, które będą włączane tylko w określonych warunkach, np. można stworzyć dwa style CSS – pierwszy zostanie włączony gdy obszar roboczy będzie szerszy niż 960 px, drugi - kiedy obszar roboczy będzie węższy niż 960 px. Przeskalowanie okna przeglądarki, będzie dynamicznie podmieniało style CSS i zmieniało wygląd strony.
Media Queries są częściowo obsługiwane przez przeglądarki: Opera, Firefox, Chrome i Safari
Multi-column Layout
Namespaces
Object Model
Paged Media
Positioning
Presentation Levels
Reader Media Types
Ruby
Ruby to uproszczony zapis znaków pisma złożonego (takiego jak chińskie, japońskie, koreańskie). Znaki Ruby umieszczone są w postaci adnotacji, obok tekstu bazowego, np. każdemu chińskiemu znakowi pisanemu w formie tradycyjnej, może odpowiadać znak pisany w formie uproszczonej, umieszczony nad znakiem bazowym, lub - jeśli jest to zapis pionowy – z boku. CSS Ruby posiada zestaw właściwości, służący do formatowania zapisów ruby (głównie pozycji znaków względem siebie). CSS Ruby może być łączony z XHTML Ruby Annotation, który definiuje znaczniki dla Ruby.
Nazwa „Ruby” wywodzi się z brytyjskiej typografii, gdzie używano małej 5,5 pt czcionki, do wstawiania międzywierszowych adnotacji w dokumentach drukowanych. Istnieje także język programowania nazwany Ruby.
Scoping
Selectors
Speech
Syntax
Tables
Template Layout (dawniej: Advanced layout)
Za jego pomocą zbudujemy szablon layoutu. Szablon działa jak siatka, na której możemy rozmieścić wiersze i kolumny, treść umieszczamy w slotach. Szablon łączy w sobie zalety layoutu opartego na tabelkach z zaletami layoutu wykorzystującego pozycjonowanie absolutne. Szablony posiadają większe możliwości niż tabele – z łatwością możemy zmieniać kolejność wyświetlania poszczególnych wierszy i kolumn, co w przypadku tabeli jest niemożliwe. Jest także wygodniejszy i bardziej elastyczny niż pozycjonowanie absolutne, sloty siatki nie są ustawione na sztywno – tak jak ma to miejsce z elementami pozycjonowanymi absolutnie – ale dopasowują się do siebie oraz do zawartości.
W Template Layout istnieje możliwość budowania kolumn o równej wysokości, co w CSS 2 było trudne do osiągnięcia. Dzięki dużej elastyczności, szablon layoutu potrafi dostosowywać się do rozmiaru okna przeglądarki. Rozwiązania zastosowane w tym module, umożliwiają budowanie skomplikowanych układów stron, podobnych do tych, które znamy z tradycyjnych pism drukowanych.
Text
Text Layout
Transitions
Values and Units
Web Fonts