CSS2

CSS2 (ang. Cascading Style Sheets, level 2) to druga generacja języka arkuszy stylów przeznaczonych do formatowania dokumentów HTML i XML. Standard został opracowany przez W3C i oficjalnie przyjęty jako rekomendacja w 1998 roku. CSS2 wprowadził szereg istotnych rozszerzeń względem pierwotnej specyfikacji CSS1, m.in. obsługę układów wielokolumnowych, pozycjonowanie elementów, media queries oraz rozbudowane możliwości definiowania czcionek i grafiki.

Historia

Prace nad rozwojem CSS rozpoczęły się w połowie lat 90.—pierwsza wersja CSS1 została opublikowana w 1996 roku. Ze względu na rosnące wymagania twórców stron internetowych, we wczesnych latach 1998 powstały projekty kolejnych poziomów specyfikacji. Dokument CSS2 stał się rekomendacją W3C w grudniu 1998 roku, a w 2000 roku opublikowano jego poprawioną wersję – CSS 2.1, będącą de facto standardem praktycznym.

Podstawowe cechy i nowości w CSS2

Pozycjonowanie – wprowadzenie modeli position: relative, position: absolute oraz position: fixed, umożliwiających precyzyjne rozmieszczanie elementów.
Układy wielokolumnowe – właściwości column-count, column-gap i column-rule pozwalające na automatyczne dzielenie tekstu na kolumny.
Media Queries – początkowa wersja @media umożliwiająca stosowanie stylów zależnie od typu i charakterystyki urządzenia (np. ekran, druk).
Obsługa czcionek – rozbudowane reguły @font-face, font-family, font-size, font-weight i font-style.
Grafika i tła – możliwość definiowania wielu warstw tła przy pomocy background-image, background-position i background-repeat.
Selektory – wprowadzenie bardziej złożonych selektorów, m.in. selektorów atrybutów ([attr=value]) oraz pseudo‑klas :first-child, :lang() i :link.
Model pudełkowy – precyzyjne określanie wymiarów i odstępów przy pomocy margin, border i padding, a także możliwość definiowania box-sizing w późniejszych rozszerzeniach.

Modułowa struktura specyfikacji

CSS2 został podzielony na szereg modułów, co umożliwiło późniejszy rozwój poszczególnych części języka w niezależnych wersjach (np. CSS 3). Najważniejsze moduły to:

CSS2 Scripting – opis interakcji ze skryptami JavaScript.
CSS2 Color – definicje systemu kolorów, w tym przestrzenie RGB, HSL i transparent.
CSS2 Text – właściwości kontroli tekstu, takie jak text-align, text-decoration i text-transform.
CSS2 Table – formatowanie tabel przy użyciu border-collapse, caption-side i vertical-align.
CSS2 Positioning – szczegółowy opis modeli pozycjonowania.
CSS2 Media – reguły i typy mediów, podstawa późniejszych media queries.

Implementacje i wsparcie przeglądarek

Pierwsze wersje przeglądarek Netscape Navigator (6.x) i Internet Explorer (5.0) dodały podstawowe wsparcie dla CSS2. W kolejnych latach wsparcie zostało rozszerzone w:

Obecnie praktycznie wszystkie nowoczesne przeglądarki obsługują pełny zestaw funkcji CSS2, a wiele z nich uwzględnia już rozszerzenia z CSS 3.

Znaczenie i dziedzictwo

CSS2 ustanowił fundamenty współczesnego projektowania interfejsów internetowych. Dzięki wprowadzeniu zaawansowanego pozycjonowania, obsługi czcionek oraz możliwości definiowania wyglądu pod różne media, umożliwił tworzenie stron responsywnych i estetycznych bez konieczności używania technik opartych na tabelach czy obrazkach.

Większość współczesnych frameworków CSS (np. Bootstrap, Tailwind CSS) bazuje na zasadach wprowadzonych w CSS2, a ich rozwój jest kontynuowany w kolejnych poziomach standardu, takich jak CSS 3 i CSS 4.

Przykładowy kod CSS2

/* Definicja układu dwukolumnowego */
body {
  font-family: "Arial", sans-serif;
  margin: 0;
  padding: 0;
}

/* Pozycjonowanie stałe w prawym dolnym rogu */
#footer {
  position: fixed;
  bottom: 0;
  right: 0;
  background: #333;
  color: #fff;
  padding: 10px;
}

/* Media query – wersja drukowana */
@media print {
  body {
    color: #000;
    background: none;
  }
}