Kurs języka HTML i CSS

Poradnik webmastera

  • Zwiększ rozmiar czcionki
  • Domyślny  rozmiar czcionki
  • Zmniejsz rozmiar czcionki

Co nowego przynosi CSS 3

Email Drukuj PDF

Kaskadowe arkusze stylów towarzyszą nam od wielu lat i można przyjąć, że stały się nieodzowną częścią każdej strony WWW, która aspiruje do miana nowoczesnej. Nie da się również ukryć, że druga specyfikacja towarzyszy nam już od blisko 10 lat i nareszcie (jak pokazuje tabela dołączona do niniejszego kursu) jest niemal w całości obsługiwana przez wszystkie liczące się przeglądarki.

Warto jednak mieć na uwadze to, że konsorcjum W3C od dłuższego czasu prowadzi prace nad kolejną wersją specyfikacji kaskadowych arkuszy stylów, oznaczoną numerem trzy. CSS3 to duży krok do przodu, ponieważ nowa odsłona kaskadowych arkuszy stylów wprowadza wiele udogodnień, dzięki którym będzie nam łatwiej formatować każdy szczegół nawet bardzo skomplikowanej strony WWW.

Nowa odsłona specyfikacji CSS oznaczona numerem trzy to dopiero wstępny projekt i jeszcze nie wiadomo, kiedy zostanie oficjalnie zatwierdzona. Na szczęście nie przeszkadza to twórcom przeglądarek, którzy w mniejszym lub większym stopniu wprowadzają do swoich produktów nowości opracowane w ramach CSS3. Należy jednak pamiętać o tym, że w tej chwili przeglądarki różnie interpretują nowości CSS3 i często zdarza się tak, że dany element w dwóch różnych przeglądarkach wygląda zupełnie inaczej. Dlatego radzę, abyś ostrożnie podchodził do tego, co przeczytasz na kolejnych stronach niniejszego kursu poświęconego CSS3. Miej również świadomość, że obsługa niektórych już działających elementów może się zmienić w chwili zatwierdzenia finalnej wersji specyfikacji. Postęp prac nad CSS3 możesz śledzić na stronie http://www.w3.org/TR/css3-roadmap.

Osoby chcące eksperymentować z CSS3 powinny obowiązkowo zainstalować najnowsze wersje przeglądarek, bo tylko one radzą sobie przynajmniej częściowo z roboczą wersją trzeciej specyfikacji CSS.

Najważniejsze nowości CSS3 zostały omówione w kolejnych podrozdziałach. Natomiast poniżej pozwoliłem sobie na ich wypunktowanie.

  • Wprowadzenie podziału na moduły.

  • Wprowadzenie nowych selektorów, pseudoklas i pseudoelementów.

  • Wprowadzenie nowych stylów i właściwości.

Dodatkowo na końcu niniejszej części kursu znajduje się tabela obrazująca obsługę nowych stylów przez aktualnie dostępne przeglądarki. Wybierając style do opisu, opierałem się wyłącznie na tych elementach, które znalazły się we wstępnej wersji nowej specyfikacji i działały przynajmniej w jednej przeglądarce. Z założenia odrzuciłem wszystkie style, których obsługa została próbnie dodana do wybranych przeglądarek przez uzupełnienie nazwy stylu o przedrostek z symbolem przeglądarki, np.:

  • -webkit- (np. -webkit-box-shadow:) — przeglądarka Chrome/Safari,

  • -moz- (np. -moz-box-shadow:) — przeglądarka Mozilla Firefox,

  • -o- (np. -o-box-shadow:) — przeglądarka Opera.

Uznałem bowiem, że takie rozwiązanie może wprowadzić Czytelnika kursu w błąd. Jednocześnie pragnę zwrócić uwagę na to, że w konsekwencji mojej decyzji w prezentacji możliwości CSS3 nie znalazło się wiele stylów, które zostały próbnie dodane do wybranych przeglądarek w sposób przedstawiony powyżej. Przykładem takich elementów może być np. graficzne obramowanie, cień pod ramkami, podział tekstu na kolumny i kilka innych.

 

CSS. Tworzenie nowoczesnych stron WWW.

CSS3. Tworzenie nowoczesnych stron WWW
(czerwiec 2012)

HTML5 i CSS3. Standardy przyszłości

HTML5 i CSS3
Standardy przyszłości

CSS3. Szybki start. Wydanie V

CSS3. Szybki start.
Wydanie V

Nowości Helionu

Statystyki

Użytkowników : 766
Artykułów : 513
Zakładki : 28
Odsłon : 15211471