Wprowadzenie do CSS3 - Część 1: Co to jest?

Ten artykuł jest pierwszym z kilku, stanowiącym wprowadzenie do nowego standardu CSS3, który ma przejąć CSS2. Zaczniemy od samego początku - od tego, że nawet nie słyszałeś o CSS3, do poczucia gotowości do uruchomienia go, gdy różne funkcje zaczynają być coraz szerzej stosowane.

Co to jest?

CSS3 oferuje ogromną różnorodność nowych sposobów na wywarcie wpływu na twoje projekty, z kilkoma ważnymi zmianami. Ten pierwszy samouczek zawiera bardzo podstawowe wprowadzenie do nowych możliwości stworzonych przez standard.

Moduły

Rozwój CSS3 zostanie podzielony na „moduły”. Stara specyfikacja była po prostu zbyt duża i złożona, aby mogła zostać zaktualizowana jako jedna, dlatego została podzielona na mniejsze części - dodano też nowe. Niektóre z tych modułów obejmują:

  • Model pudełkowy
  • Moduł list
  • Prezentacja hiperłącza
  • Moduł mowy
  • Tła i granice
  • Efekty tekstowe
  • Układ wielokolumnowy

Zobacz pełną listę modułów

Skala czasu

Kilka modułów zostało już ukończonych, w tym SVG (Scalable Vector Graphics), zapytania o media i przestrzenie nazw. Pozostali wciąż pracują.

Niezwykle trudno jest podać przewidywaną datę, kiedy przeglądarki internetowe przyjmą nowe funkcje CSS3 - niektóre nowe wersje Safari już zaczęły.

Nowe funkcje będą wdrażane stopniowo w różnych przeglądarkach i może upłynąć jeszcze rok lub dwa, zanim każdy moduł zostanie powszechnie przyjęty.

Jak CSS3 wpłynie na mnie?

Mam nadzieję, że głównie pozytywnie. CSS3 będzie oczywiście całkowicie kompatybilny wstecz, więc nie trzeba będzie zmieniać istniejących projektów, aby upewnić się, że działają - przeglądarki internetowe zawsze będą obsługiwać CSS2.

Główny wpływ będzie mieć możliwość korzystania z nowych selektorów i dostępnych właściwości. Umożliwi to zarówno osiągnięcie nowych funkcji projektowych (na przykład animacji lub gradientów), jak i uzyskanie obecnych funkcji projektowych w znacznie łatwiejszy sposób (np. Za pomocą kolumn).

Przyszłe artykuły z tej serii skupią się na innym module specyfikacji CSS3 oraz na nowych funkcjach, które przyniosą. Następny dotyczy granic CSS3.

Inne posty w serii

  • Wprowadzenie do CSS3 - Część 1: Co to jest?
  • Wprowadzenie do CSS3 - Część 2: Granice
  • Wprowadzenie do CSS3 - Część 3: Efekty tekstowe
  • Wprowadzenie do CSS3 - Część 4: Interfejs użytkownika
  • Wprowadzenie do CSS3 - Część 5: Wiele kolumn
  • Wprowadzenie do CSS3 - Część 6: Tła

© Copyright 2021 | computer06.com