Witamy na Delphi - forum dla programistów, webmasterów i grafików
  • CSS3

    Tym artykułem rozpocznę serię wpisów dotyczących kaskadowych arkuszy stylu poziomu trzeciego czyli CSS3.
    W tej chwili specyfikacja CSS3 ma status working draft, ale sprawdzimy co możemy zyskać stosując już dziś nowe możliwości styli.

    Oprócz korzyści pojawiają się oczywiście problemy a mianowicie implementacja obsługi CSS3 w przeglądarkach internetowych. Najnowsze z popularnych przeglądarek (Firefox, Chrome, Opera czy Safari) radzą sobie całkiem nieźle. Mankamentem dla web developerów jest Internet Explorer, który dopiero od wersji 9 będzie obsługiwał "css-trójkę" w sposób zadowalający. Póki co najlepszym wyjściem będzie stosowanie w pełni obsługiwanych rozwiązań w miejscach krytycznych dla aplikacji.

    Z najważniejszych nowości CSS3 możemy wyróżnić:
    • wprowadzenie podziału na moduły
    • nowe selektory, pseudoklasy i pseudoelementy
    • nowe style i właściwości
    Podział na moduły to naprawdę duży krok do przodu. Dlaczego? Do tej pory wszystkie prace musiały być ukończone aby specyfikacja mogła być oficjalnie zatwierdzona. Wprowadzenie podziału na moduły pozwala na zatwierdzenie indywidualnych, już zakończonych modułów i opublikowanie ich jako wersji finalnych. Nie będziemy już musieli czekać na zakończenie prac nad wszystkimi definicjami. Ułatwi to również pracę twórcom przeglądarek, którzy będą mogli szybciej wdrażać obsługę już zatwierdzonych modułów.

    Nowe selektory CSS3 dzięki możliwości bardziej precyzyjnego ustalania wyglądu poszczególnych elementów strony www mogą znacznie ułatwić życie web developera. Zostaną one opisane w osobnym artykule.

    Właściwości i style wprowadzone w CSS3 są w zasadzie najbardziej "widocznym" elementem nowej specyfikacji. Zaokrąglone narożniki, cieniowanie tekstu czy box'ów, kilka obrazów tła - chyba każdy kto próbował robić zaokrąglone "okienka" na stronie za pomocą obrazków zgodzi się, że możliwość uzyskania takiego samego efektu przy pomocy 1 linijki w arkuszu styli jest milowym krokiem. Poszczególne style oraz właściwości wprowadzone w CSS3 wraz z przykładami będą omawiane w kolejnych artykułach.
Do góry

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19