Box model to fundamentalna koncepcja w CSS, która opisuje sposób, w jaki elementy są renderowane na stronie internetowej. Każdy element na stronie można traktować jako prostokątne pudełko, które składa się z kilku warstw: zawartości (content), paddingu (wewnętrzny odstęp), obramowania (border) i marginesu (margin). Rozumienie box modelu jest kluczowe dla efektywnego projektowania layoutów stron.
Typografia jest kluczowym elementem projektowania stron internetowych, który wpływa na czytelność, dostępność i ogólne wrażenie estetyczne witryny. CSS3 oferuje szeroki zakres możliwości kontroli nad tekstem, umożliwiając precyzyjne formatowanie czcionek, linii, odstępów i akapitów.
CSS3 oferuje rozbudowane możliwości kontroli nad czcionkami na stronach internetowych, co pozwala twórcom na bardziej precyzyjne i kreatywne projektowanie tekstów. Od podstawowego określenia rodziny czcionek, przez ich rozmiar, aż po zaawansowane funkcje jak font loading czy użycie czcionek niestandardowych z zasobów zewnętrznych – wszystko to jest dostępne w CSS3.
Jednostki w CSS3 są niezbędne do określania wielkości, odległości, rozmiarów czcionek, marginesów, dopełnień i innych wartości wymiarowych w stylach. Wybór odpowiedniej jednostki ma kluczowe znaczenie dla responsywności strony, jej dostosowania do różnych urządzeń oraz ogólnej spójności projektu.
CSS3 oferuje bogatą paletę możliwości, jeśli chodzi o definiowanie kolorów elementów na stronie internetowej. Kolory mogą być określone za pomocą nazw kolorów, wartości RGB, RGBA (RGB z alfa kanałem do określenia przezroczystości), HEX, HSL (Hue, Saturation, Lightness) oraz HSLA (HSL z alfa kanałem).
Specyficzność w CSS3 to mechanizm, który decyduje, jakie style są stosowane do elementu, gdy istnieje więcej niż jedna reguła CSS mogąca na niego wpłynąć. Zrozumienie specyficzności jest kluczowe do efektywnego zarządzania stylami i unikania konfliktów CSS.
Kaskadowość w CSS (Cascading Style Sheets) to jedna z fundamentalnych zasad, na których opiera się ten język stylów. Jest to mechanizm, który określa, jak konflikty dotyczące wielu źródeł stylów są rozwiązywane dla konkretnego elementu HTML, czyli jak style są “kaskadowane” z różnych poziomów, aby uzyskać ostateczny efekt wizualny na stronie.
Pseudoelementy w CSS pozwalają na stylizację określonych części elementów, takich jak pierwsza litera (::first-letter) czy pierwsza linia tekstu (::first-line), a także na tworzenie elementów w strukturze dokumentu, które nie istnieją w HTML, na przykład ::before i ::after. Są one nieocenione przy dodawaniu ozdobników, cieni, czy modyfikowaniu wyglądu bez konieczności zmian w HTML.
Pseudoklasy w CSS3 to wyjątkowe selektory, które pozwalają na stylizowanie elementów HTML w zależności od ich stanu, położenia w strukturze dokumentu lub na podstawie pewnych akcji użytkownika. Są one niezwykle użyteczne do dodawania efektów interaktywnych, takich jak zmiana wyglądu przycisku podczas najechania kursorem, czy stylizowanie specyficznych elementów listy.
Selektory atrybutów w CSS pozwalają na stosowanie stylów do elementów HTML na podstawie obecności, wartości lub części wartości atrybutów. Są one niezwykle przydatne, gdy chcemy modyfikować wygląd elementów na podstawie informacji zawartych w atrybutach, niezależnie od ich klasy, id czy hierarchii. Selektor uniwersalny, oznaczany jako *, pozwala z kolei na zastosowanie stylów do wszystkich elementów
Kombinatory w CSS3 to potężne narzędzia, które pozwalają na definiowanie relacji między selektorami w CSS. Umożliwiają one precyzyjne określenie, do jakich elementów mają zostać zastosowane style, bazując na ich relacjach w strukturze dokumentu HTML. Istnieje kilka typów kombinatorów, w tym kombinator potomków, bezpośrednich potomków, rodzeństwa oraz uniwersalny. Kombinatory w CSS3: Kombinator potomków (spacja): Stosuje style
Selektory w CSS są jednym z fundamentów kaskadowego języka arkuszów stylów. Pozwalają one określić, do których elementów w dokumencie HTML mają zostać zastosowane określone style. Istnieje kilka rodzajów selektorów, ale najbardziej podstawowe i najczęściej używane to selektory typu, ID oraz klasy.
Cascading Style Sheets (CSS) to język służący do opisu prezentacji dokumentów napisanych w języku HTML lub XML. CSS pozwala twórcom stron internetowych na kontrolę nad wyglądem ich stron, umożliwiając oddzielenie struktury dokumentu od jego stylizacji.
Formularze są kluczowym elementem stron internetowych, umożliwiając zbieranie informacji od użytkowników. HTML5 wprowadził szereg usprawnień i nowych elementów kontrolnych, które ułatwiają tworzenie bardziej interaktywnych i dostępnych formularzy. Dzięki nowym typom pól, atrybutom walidacji oraz elementom takim jak datalisty, formularze stały się bardziej użyteczne i przyjazne dla użytkownika.
HTML5 wprowadził znaczące ulepszenia w zakresie obsługi multimediów na stronach internetowych, eliminując potrzebę stosowania zewnętrznych wtyczek lub odtwarzaczy do wstawiania audio i wideo. Dzięki elementom <audio> i <video>, twórcy stron mogą łatwo umieszczać treści multimedialne bezpośrednio w kodzie HTML, zapewniając jednocześnie szeroką kompatybilność i dostępność.