13. Obramowanie i obrys

Obramowanie to rodzaj dekoracji otaczającej element na stronie internetowej, który znajduje się między dopełnieniem a marginesem (spójrz na poniższą ilustrację). Za jego pomocą można uzyskać różne ciekawe efekty, na przykład wizualnie oddzielić od siebie dwie … Więcej

12. Marginesy CSS

Margines tworzy pustą przestrzeń wokół elementu, odsuwając go od innych elementów. Nie wchodzi on w skład pola elementu, tylko znajduje się na zewnątrz, poza obramowaniem, jak widać na poniższej ilustracji, i w związku z tym … Więcej

11. Dopełnienie CSS

Dopełnienie CSS to zgodnie z modelem polowym CSS obszar bezpośrednio otaczający treść elementu HTML, czyli oddzielający ją od ewentualnych krawędzi obramowania i marginesów. Jeśli element ma zdefiniowane tło, to jest ono widoczne w obszarze dopełnienia. … Więcej

10. Pseudoelementy CSS

Pseudoelementy CSS to abstrakcyjne elementy reprezentujące pewne części dokumentu HTML, do których nie ma łatwego dostępu lub do których w ogóle nie da się odnieść przy użyciu zwykłych selektorów CSS. Powiedzmy na przykład, że chcemy … Więcej

9. Pseudoklasy CSS

Pseudoklasa CSS (ang. pseudo-class) to specjalny rodzaj selektora prostego CSS, który umożliwia wybór elementów na podstawie kryteriów, których nie da się określić w odniesieniu do drzewa dokumentu lub do których trudno jest się odnieść za … Więcej

8. Selektory CSS

Selektory CSS to specjalne wzorce umożliwiające odnoszenie się do poszczególnych elementów lub grup elementów na stronie. Stanowią one pierwszy człon budowy reguły CSS, która składa się właśnie z selektora i bloku deklaracji. Istnieje kilka typów … Więcej

7. Dziedziczenie CSS

Dziedziczenie CSS to praktyczna i przydatna cecha Kaskadowych arkuszy stylów, dzięki której można zaoszczędzić bardzo dużo pracy. Na przykład, jeśli chcemy, aby na całej stronie był używany krój pisma Arial, to nie musimy go definiować … Więcej

6. Kaskada CSS

Arkusze stylów w dokumencie HTML mogą pochodzić z kilku źródeł, np. każda przeglądarka internetowa ma własny domyślny zestaw arkuszy stylów, który nadaje elementom podstawowe formatowanie. To właśnie dzięki ustawieniom w tym arkuszu domyślnie odnośniki mają … Więcej

5. Model polowy CSS

Jak już wiesz z rozdziału Model formatowania wizualnego CSS, dla każdego elementu HTML obecnego na stronie internetowej w CSS jest tworzone specjalne pole — poziomu blokowego, jeśli element jest blokowy, lub poziomu śródliniowego, jeśli element … Więcej

4. Model formatowania wizualnego CSS

Model formatowania wizualnego CSS to zbiór zasad określających sposób przetwarzania drzewa dokumentu przez przeglądarki wizualne. Jego znajomość nie jest absolutnie niezbędna do sprawnego posługiwania się Kaskadowymi arkuszami stylów, ale na pewno pomaga zrozumieć wiele aspektów … Więcej