Krótko o kaskadowych arkuszach stylów
Arkusz stylów to zbiór reguł służących do nadawania wyglądu stronom internetowym. Najczęstsze zastosowanie CSS to formatowanie dokumentów HTML. Na ilustracji poniżej przedstawiono prosty arkusz stylów, który składa się z następujących elementów:
- Selektor
- w tym przypadku selektorem jest element języka HTML, znacznik
p - Właściwość i wartość
- właściwość to inaczej jakaś cecha selektora. W tym przypadku jest to kolor tekstu
color, wartość ustawiono nared, co oznacza kolor czerwony. - Deklaracja
- formatuje selektor (nadaje mu wygląd), tutaj formatowany jest element
p - Blok deklaracji
- może zawierać jedną lub wiele deklaracji
Całość tworzy instrukcję dla przeglądarki internetowej, którą można opisać słowami: odnajdź wszystkie elementy <p>, ustaw im kolor tekstu na czerwony.
Co oznaczają numerki: CSS1, CSS2, CSS 2.1, CSS3?
To są kolejne wersje. Dokument który zawiera opis reguł i zasad kaskadowych arkuszy stylów, nazywa się specyfikacją. Specyfikacje są opracowywane głównie przez organizację World Wide Web Consortium (W3C) i przechodzą przez wiele etapów prac, aby ostatecznie uzyskać status rekomendacji W3C. Specyfikacja która stała się rekomendacją jest zamknięta i nie wprowadza się do niej żadnych zmian. Wszystkie nowe pomysły i zmiany w stosunku do aktualnej wersji są uwzględniane w następnej wersji. W czerwcu 2011 roku zamknięto prace nad wersją CSS 2.1, obecnie publikowane są poszczególne moduły specyfikacji CSS3, aktualny przebieg prac można śledzić na CSS current work. W przyszłości rozwijana będzie wersja CSS4, prace już trwają.
Czym różni się CSS3 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).
Czym są moduły CSS3?
Większość modułów grupuje właściwości, np. moduł tekstu (Text) grupuje właściwości CSS, które są związane z formatowaniem tekstu. Z kolei moduł jednostek i wartości (Values and Units) opisuje wszystkie możliwe jednostki i typy wartości. Modułów jest kilkadziesiąt, każdy osobno uzyskuje status rekomendacji W3C.
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. Nie trzeba już czekać na ukończenie specyfikacji obejmującej wszystkie wprowadzone zmiany, jak miało to miejsce we wcześniejszych wersjach CSS. Kaskadowe arkusze stylów w wersji 3 bardzo się rozrosły, niektóre moduły 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 obsługiwać wszystkich modułów CSS3, np. przeglądarka głosowa (przeznaczona dla osób niewidomych), nie potrzebuje obsługiwać właściwości, które są odpowiedzialne za formatowanie kolorów (Color), z kolei może chcieć obsługiwać styl mowy (Speech).