kontakt
Software house
>
Tag
>
CSS (Cascading Style Sheets) - kaskadowe arkusze stylów
css3

CSS (Cascading Style Sheets) - kaskadowe arkusze stylów

Data wpisu
Tomasz Kozon
Autor
Tomasz Kozon

CSS (Cascading Style Sheets) to kaskadowe arkusze stylów, które odpowiedzialne są za wygląd witryny internetowej. Język ten został opracowany w 1996 r. przez firmę W3C, która zajmuje się wyznaczaniem standardów względem budowy stron www. Jest on zintegrowany z językiem HTML, który odpowiada za budowę struktury strony z wykorzystaniem nagłówków, akapitów, list, hiperłączy, załączonych plików w tym plików multimedialnych oraz strukturę formularzy do przesyłania danych. Język stylów odpowiedzialny jest za prezentacje strony, a dokładnie za opis wyżej wymienionych elementów HTML, poprzez określenie rodzaju czcionek, koloru tła poszczególnych elementów, rozmieszczenie i wyrównanie tych elementów, filtry, tabele, obramowania, marginesy, a także proste animacje.
 

CSS – prezentacja graficzna strony www

 Każda reguła CSS składa się z selektora (np. kolor czcionki nagłówków) oraz deklaracji (np. niebieski). Co więcej, niezwykle przyspiesza pracę, ponieważ style (reguły opisu elementów HTML) zawarte w jednym dokumencie mogą być stosowane jednocześnie do wielu innych plików witryny. Takie rozwiązanie daje ogromną kontrolę nad wizualnym aspektem projektu, ponieważ poprzez zmianę stylów w nadrzędnym pliku kaskadowych arkuszy stylów można wprowadzić zmiany jednocześnie we wszystkich dokumentach, w których styl ten wystąpił. CSS razem z HTML i Java Script tworzą wielką trójkę języków, które pozwalają na stworzenie dynamicznej i interaktywnej strony www przez frontend developerów. Jest językiem kompatybilnym z wieloma przeglądarkami, dzięki czemu programiście nie muszą już kodować jednej witryny na wiele sposobów w zależności od typu przeglądarki.

JOB_LISTING


Dodatkowo język stylów umożliwia poprawne wyświetlanie się witryny w zależności od rozdzielczości urządzenia, na którym jest wyświetlana witryna, a zatem odpowiada za jej responsywność. Dzięki CSS można bardzo precyzyjnie określić pozycję względną i bezwzględną konkretnych elementów na stronie. Pozwala projektować bardzo efektowne i estetyczne witryny bogate w treści z wykorzystaniem minimalnej ilości kodu. Za pomocą kaskadowych arkuszy stylów można niezwykle uatrakcyjnić wygląd elementów, stosując subtelne cienie, zaokrąglenia rogów, a nawet całkowitą zmianę kształtu elementów lub też zastosować ciekawe gradienty. Język ten określa sposób zachowania się linków poprzez określony wygląd stanów: visited, active, hover czy focus. Z wykorzystaniem CSS kaskadowych arkuszy stylów można również wprowadzić ciekawą animację do statycznych elementów HTML, poprzez tworzenie płynnych przejść pomiędzy określonymi stanami.

Wpisy z tagiem: css3

Atrybuty HTML — co to jest i do czego je stosować?

HTML to podstawowy język kodowania, który buduję każdą witrynę i aplikację webową.
Mateusz Kuba
Mateusz Kuba
2022-09-19

Strona www czyli World Wide Web - wszystko co musisz wiedzieć korzystając z internetu

Najkrótsza definicja strony www to treść udostępniona w internecie poprzez serwer www, zazwyczaj napisana w języku HTML (Hypertext Markup Language).  
Tomasz Kozon
Tomasz Kozon
2021-11-30

Dlaczego warto zacząć naukę programowania?

Jeszcze stosunkowo niedawno adwokacka toga i lekarski kitel były dominującymi symbolami zawodowego spełnienia. Zmieniający się rynek pracy generuje jednak nowe obrazy rozpalające wyobraźnie kandydatów.
Tomasz Kozon
Tomasz Kozon
2021-10-28

Aplikacja webowa a strona internetowa - jakie są różnice i co najlepiej wybrać 

Wielu użytkowników internetu wciąż nie zdaje sobie sprawy, że nie wszystkie adresy, które odwiedza są stronami www, a aplikacje kojarzy głównie z urządzeniami mobilnymi.
Mateusz Kuba
Mateusz Kuba
2021-10-13

HTTP i HTTPS, czyli co zmienia kłódka w adresie strony WWW?

HTTP i HTTPS stanowią integralną część adresu internetowego witryny, czyli URL  (ang. Uniform Resource Locator), który informuje o sposobie przysłania danych pomiędzy klientem (przeglądarką) a serwerem. 
Tomasz Kozon
Tomasz Kozon
2021-07-15

RWD (responsive web design) i tworzenie aplikacji na ekrany o różnych rozdzielczościach

O ile na początku funkcjonowania Internetu cały ruch był obsługiwany przez urządzenia typu deskop, o tyle rosnąca liczba mobilnych odpowiedników zmusiła projektantów witryn do szukania metod na prawidłowe wyświetlanie się zasobów, co ostatecznie umożliwiła technika RWD.
Tomasz Kozon
Tomasz Kozon
2021-07-06

Proof of Concept — co to jest? PoC w branży IT

Dynamicznie zmieniający się rynek IT nieustannie potrzebuje nowego podejścia i metod pomocnych w projektowaniu i realizacji innowacyjnych produktów.
Tomasz Kozon
Tomasz Kozon
2021-07-06

Moodboard, jako tablica inspiracji. Czy warto tworzyć moodboardy?

O ile strona WWW, dostępna do przeglądania w Internecie, to produkt skończony, o tyle, zanim takowa powstanie z reguły pracuje nad nią grupa ludzi, która w procesie tworzenia jej koncepcji oraz charakteru może używać tzw. tablicy inspiracji, określanej również jako moodboard.
Tomasz Kozon
Tomasz Kozon
2021-06-18

HTML dla zielonych. Jak zacząć i tworzyć proste projekty w HTML?

Każda strona internetowa, bez względu na technologie, w których została stworzona, zawiera takie same komponenty. Prostą stronę wizytówkę z zaledwie kilkoma podstronami można zakodować za pomocą HTML i CSS, które budują jej strukturę oraz definiują wygląd.
Tomasz Kozon
Tomasz Kozon
2021-03-10

Programowanie dla dzieci — od czego zacząć?

Współczesny świat w dużej mierze opiera się na cyfrowych technologiach obecnych w naszym życiu na każdym kroku. Dzieci od najmłodszych lat obcują z telefonem i komputerem, dlatego wielu rodziców postanawia wysłać je na lekcje programowania.
Tomasz Kozon
Tomasz Kozon
2021-02-16