CSS3 nowy standard wizualizacji

Marzec 07, 2013
Jakub
1 Gwiazdka2 Gwiazdki3 Gwiazdki4 Gwiazdki5 Gwiazdek (1 głosów, średnia: 5,00 z 5)
Loading...

Czym byłyby strony internetowe bez ich wizualnej części. Za przedstawienie i rozmieszczenie odpowiednich elementów, odpowiadają kaskadowe arkusze stylów CSS. Najnowsza wersja oznaczona jest jako CSS3. W wersji 3 kaskadowych arkuszy stylów, wprowadzono podział modułowy, nowe selektory, pseudoklasy oraz pseudoelementy. Ponadto dodano również nowe style i ich właściwości. Dzięki CSS3 jesteśmy w stanie, przy użyciu nowych selektorów na wyróżnienie parzystych i nieparzystych wierszy w tabeli, pola wyboru czy nawet ostatni akapit w grupie. Nowe selektory umożliwiają także łatwiejsze definiowanie stylów dla kodu HTML, który nie jest dostępny do edycji.

Powyższy zrzut ekranu, przedstawia slider, wykonany bez użycia JavaScript. Slider został wykonany tylko dzięki specyfikacji CSS3. Kaskadowe arkusze stylów pozwalają również dodawać cienie i gradienty do konkretnych elementów, bez konieczności wstawiania obrazka z tłem ani dodatkowych znaczników. Dodano również możliwość transformacji, co pozwala na uzyskanie zaokrąglonych rogów oraz obracanie i pochylanie wybranych elementów. CSS3 daje ogromne możliwości w kwestii wizualizacji naszej strony internetowej, należy jednak pamiętać że jest on ciągle rozwijany, również pod kątem współdziałania z językiem znaczników HTML5. W przeciwieństwie do HTML5 który działa nawet na przeglądarce Internet Explorer 6, część selektorów CSS3 nie zadziała na starszych przeglądarkach, dlatego powinno się posiadać zawsze najnowsze ich wersje, aby być na bieżąco ze zmianami wprowadzanymi do języka. Samo połączenie kaskadowych arkuszy stylów z językiem znaczników HTML5 odbywa się w taki sam sposób jak w ich starszych wersjach. Możemy użyć selektorów bezpośrednio w pliku z kodem HTML lub stworzyć nowy plik zawierający style.

Udostępnij

Tagi:

Brak komentarzy

Dodaj komentarz

Twój adres e-mail nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *

Wprowadź kod CAPCHA * Time limit is exhausted. Please reload the CAPTCHA.

Facebook

Więcej w internet
Strona internetowa jak zacząć ?

Coraz częściej słyszymy stwierdzenie „Każdy może mieć własną stronę internetową”, ale czy na pewno jest...

Zamknij