Padding, czyli wewnętrzny odstęp, to kluczowy element box modelu w CSS3, który pozwala na kontrolowanie przestrzeni między zawartością elementu a jego obramowaniem. Odpowiednie użycie paddingu jest niezbędne do osiągnięcia pożądanych efektów wizualnych i funkcjonalnych w projektowaniu stron internetowych.
Obramowanie (border) w CSS3 to kluczowy element służący do dodawania ramki wokół elementów HTML. Obramowanie może być stosowane do dekoracji, podkreślenia istotnych informacji na stronie lub po prostu do oddzielenia jednych elementów od innych. CSS3 oferuje szeroki zakres możliwości stylizacji obramowań, w tym zmianę ich grubości, stylu, koloru, a nawet dodawanie zaokrągleń rogów.
Marginesy (margins) są jednym z podstawowych narzędzi w CSS3, służących do kontrolowania przestrzeni wokół elementów. Marginesy pozwalają na oddzielenie elementów od siebie, wpływając na sposób, w jaki są one rozmieszczone na stronie, ale nie wpływają bezpośrednio na rozmiar samego elementu.
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.