CSS3 – Czym jest, do czego nam się przyda i jak nad nim zapanować?

CSS3 to kolejna wersja znanego programu kaskadowych arkuszy stylów, które od dawna współgrają i tworzą w pewnym sensie strony internetowe. Program CSS3 obsługiwany jest przez wszystkie istniejące przeglądarki stron www.

Kolejna wersja znanego programu CSS oznaczona numerem 3 ułatwia pracę dla osób tworzących i projektujących strony www po przez dużo łatwiejsze formatowanie wielu szczegółów dla każdego rodzaju stron internetowych.

Twórcy przeglądarek, stron www wprowadzili wiele zmian zanim program został oficjalnie zatwierdzony. Wiele elementów wprowadzonych przez twórców programu pierwotnie uległy wielu poprawkom, przez co wiele kursów poświęconych programowi css3 są nieaktualne. Proces prac nad programem można odnaleźć i zgłębić na stronie http://www.w3.org/TR/css3-roadmap/.

Twórcy stron www, aby edytować i wprowadzać zmiany na swoich stronach powinni używać najnowszej wersji przeglądarek gdyż tylko one są w stanie prawidłowo obsługiwać takie formaty.

Najważniejsze zmiany, jakie wprowadza wersja CSS3 to:

  • Wprowadzenie podziału na moduły (CSSOM View, Selectors, Media Queries, Marquee, Image Values, Flexible Box Layout, 3D Transforms, 2D Transforms, Advanced layout, Animations, Attribute Syntax, Syntax, Aural Style Sheets, Speech, Backgrounds and Borders, Basic User Interfaces, Box Model, Cascading and Inheritance, Color, Fonts, Generated Content for Paged Media, Generated and Replaced Content, Grid Positioning Hyperlink Presentation, Introduction, Line Layout, Lists, Maths, Multi Column Layout, Namespaces, Object Model, Paged Media, Positioning, Presentation Levels, Reader Media Types, Ruby, Scoping, Tables, Text, Text Layout, Transitions, Values and Units, Web Fonts) – które mają za zadanie ułatwienie rozwijania w przyszłości kaskadowych stylów, wprowadzanie arkuszy w przeglądarki zanim cały program zostanie zatwierdzony gdyż moduły poszczególnie zostały zatwierdzone, każdy z osobna po ukończeniu prac po każdym elemencie;
  • Pojawienie się nowych: sektorów, psedoklas, pseudo elementów (selektor atrybutu E[att^=”val”], selektor atrybutu E[att$=”val”], selektor atrybutu E[att*=”val”], selektor ogólnego rodzeństwa, pseudoklasa :target, pseudoklasa :enabled, pseudoklasa :disabled, pseudoklasa :checked, pseudoklasa :root, pseudoklasa :nth-child(numer), pseudoklasa :nth-child(odd), pseudoklasa :nth-child(even), pseudoklasa :nth-child(formuła), pseudoklasa :nth-last-child(numer), pseudoklasa :nth-last-child(odd), pseudoklasa :nth-last-child(even), pseudoklasa :nth-last-child(formuła), pseudoklasa :nth-of-type(numer), pseudoklasa :nth-of-type(odd), pseudoklasa :nth-of-type(even), pseudoklasa :nth-of-type(formuła), pseudoklasa :nth-last-of-type(numer), pseudoklasa :nth-last-of-type(odd), pseudoklasa :nth-last-of-type(even), pseudoklasa :nth-last-of-type(formuła), pseudoklasa :last-child, pseudoklasa :first-of-type, pseudoklasa :only-child, pseudoklasa :only-of-type, pseudoklasa :empty, pseudoklasa :not, pseudoelement :selection, text-shadow, text-align (dla wartości start i end), word-wrap, model barw hsl, model barw hsla, model barw rgba, opacity, background-size, background-clip, wieloelementowe tło, border-top-left-radius, border-top-right-radius, border-bottom-left-radius, border-bottom-right-radius, border-radius, box-sizing, resize, outline-offset, @font-face)- dających możliwość kontroli wyglądu poszczególnych elementów znajdujących się na stronie internetowej,
  • Nowe style oraz właściwości(cieniowanie tekstu, możliwość wyrównania tekstu, łamanie ciągu znaków, obsługa modelu barw: HSL, HSLA, RGBA, przezroczystość, rozmiar tła, kontrola styku tła oraz obramowania, zaokrąglanie wszystkich narożników i każdego z osobna, zmiana sposobu obliczania szerokości elementów, zmiana rozmiaru wymiarowego elementu, offset konturu, dołączanie czcionek do stron).

Post Author: Marcin

Dodaj komentarz

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