CSS3 (Cascading Style Sheets)
2 minuty czytania
CSS, czyli Cascading Style Sheets, to jeden z podstawowych elementów tworzenia stron internetowych. Służą one do opisu wyglądu strony, czyli jak elementy na stronie mają być wyświetlane.
Spis treści
Powiązane oferty pracy
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.
Powiązane artykuły
Co to jest JEE?
24 sty 2023
JEE, czyli Java Enterprise Edition, to platforma programistyczna oparta na języku Java, która umożliwia tworzenie zaawansowanych aplikacji webowych i biznesowych. JEE składa się z wielu specyfikacji i narzędzi, które pozwalają na tworzenie rozproszonych systemów informatycznych, integrujących różne technologie i zasob
AJAX - co to jest AJAX i jak działa?
20 sty 2023
AJAX, czyli Asynchronous JavaScript and XML. Jest to technologia, która umożliwia przetwarzanie danych na stronie internetowej bez konieczności przeładowania całej strony. AJAX umożliwia szybsze ładowanie stron internetowych, interaktywność interfejsu użytkownika i efektywniejsze przetwarzanie danych.
GSAP, tworzenie animacji na stronach internetowych.
23 paź 2022
GSAP (GreenSock Animation Platform), umożliwia tworzenie profesjonalnych animacji na stronach internetowych. GSAP oferuje szybką i wydajną animację, która działa na wszystkich popularnych przeglądarkach. Jest to narzędzie używane przez programistów i projektantów, którzy chcą dodać interaktywność i dynamiczne elementy do swoich projektów. GSAP oferuje szeroką gamę możliwości, w tym animacje elementów HTML, animacje CSS.
Tworzenie stron z użyciem WYSIWYG - najlepsze narzędzia i opcje
20 paź 2022
Tworzenie stron internetowych z użyciem WYSIWYG (What You See Is What You Get) to prosty i szybki sposób na stworzenie własnej strony internetowej bez konieczności posiadania specjalistycznej wiedzy z zakresu programowania. Istnieje wiele narzędzi do tworzenia stron internetowych z użyciem WYSIWYG, od darmowych platform po płatne opcje.
Tailwind CSS - co zmienia w projektowaniu oraz kodowaniu stron internetowych
20 cze 2022
Tailwind CSS to narzędzie, które pozwala na projektowanie i tworzenie stron internetowych poprzez dostarczenie gotowych klas CSS. Dzięki temu, projektowanie i kodowanie stron internetowych staje się bardziej efektywne i przyjazne dla developerów.
Do czego wykorzystywany jest CSS Sprites?
13 cze 2022
CSS Sprites to technika polegająca na łączeniu kilku obrazków w jeden, co pozwala na zwiększenie wydajności strony internetowej. Głównym celem wykorzystania tej techniki jest zminimalizowanie liczby żądań HTTP, które przeglądarka musi wykonać, aby pobrać wszystkie obrazki potrzebne do wyświetlenia strony.
Zobacz wszystkie artykuły