Poniżej zostały podane podstawowe definicje dotyczące stylów CSS. Jeśli nie zrozumiesz niektórych, nie przerażaj się, nie wszystkie one są absolutnie konieczne do swobodnego posługiwania się stylami. Jednak przeczytanie ich, pozwoli Ci chociaż zaznajomić się z podstawowymi terminami. Zapoznaj się zwłaszcza z następującymi definicjami:
Źródło: Cascading Style Sheets, Level 2
(style sheet) Zestawienie instrukcji, które precyzują wygląd dokumentu. Arkusze stylów mogą mieć trzy różne pochodzenia: autor, użytkownik i pośrednik użytkownika.
(source document) Dokument do którego odnosi się jeden lub więcej arkuszy stylów. Jest on zapisany w określonym języku, który reprezentuje dokument jako drzewo elementów. Każdy element składa się z nazwy identyfikującej typ elementu oraz opcjonalnie atrybutów i zawartości (która może być pusta).
(document language) Język w którym jest zapisane źródło dokumentu (np.: HTML lub XML).
(element) Podstawowa konstrukcja składniowa dokumentu. Większość reguł stylów używa nazw tych elementów (takich jak P, TABLE, OL dla HTML), żeby określić ich wygląd.
(replaced element) Element dla którego formater stylów zna tylko wymiar wewnętrzny. W języku HTML są to: IMG, INPUT, TEXTAREA, SELECT, OBJECT. Na przykład zawartość elementu IMG
jest zastępowana przez obrazek, wyznaczony atrybutem src
.
(intrinsic dimensions) Szerokość i wysokość które zostały zdefiniowane przez sam element, nie narzucone przez otoczenie. W CSS2 jest założone, że tylko elementy zastępowane przychodzą z wewnętrznym rozmiarem.
(attribute) Wartość powiązana z elementem, składająca się z nazwy i związanej wartości (tekstowej). W języku HTML może to być np. href
elementu A, określający lokalizację zasobu sieciowego albo src
elementu IMG, wskazujący lokalizację pliku obrazka.
(content) Zawartość (treść) związana z elementem w dokumencie źródłowym. Nie wszystkie elementy mają zawartość - w takim wypadku są nazywane pustymi (empty). Zawartością elementu może być tekst jak również pewna liczba podelementów, wtedy element nazywany jest rodzicem (parent) tych podelementów.
(rendered content) Zawartość elementu po zinterpretowaniu zgodnie z powiązanym arkuszem stylów. Zawartość zinterpretowana elementów zastępowanych przychodzi z zewnątrz dokumentu źródłowego. Zawartością taką może być także alternatywny tekst dla elementu (wartość atrybutu alt
w składni HTML) czy pozycja wstawiona (domyślnie lub poprzez ścisłe określenie) przez arkusz stylów (np. numerowanie).
(document tree) Drzewo elementów umieszczonych w dokumencie źródłowym. Każdy element w takim drzewie ma dokładnie jednego rodzica, oprócz elementu podstawowego, czyli korzenia drzewa (root).
Przykład:
Po wpisaniu:<html>
<head>
<title>...</title>
</head>
<body>
<h1>...</h1>
<p>...</p>
<table>
<tr>
<td>...</td>
<td>...</td>
</tr>
<tr>
<td>...</td>
<td>...</td>
</tr>
</table>
</body>
</html>
Otrzymamy następujące drzewo dokumentu:gdzie:TABLE
jest dzieckiem elementu BODY
.TABLE
jest potomkiem elementu HTML
oraz BODY
.TABLE
jest rodzicem dwóch elementów TR
.TABLE
jest przodkiem czterech elementów TD
oraz dwóch TR
.TABLE
jest bratem elementów H1
oraz P
.H1
oraz P
są braćmi poprzedzającymi elementu TABLE
.TABLE
jest bratem następującym elementów H1
oraz P
.TABLE
jest elementem poprzedzającym elementu TR
oraz TD
.TABLE
jest elementem następującym elementu BODY
oraz HTML
.Elementy leżące niżej w hierarchii drzewa dokumentu, zawierają się wewnątrz znaczników nadrzędnych, np. znaczniki <body>
oraz </body>
muszą być umiejscowione pomiędzy znacznikami <html>
i </html>,
które są nadrzędne dla wszystkich innych (root).
(child) Dany element jest nazywany dzieckiem innego elementu, jeżeli ten drugi element jest jego rodzicem.
(descendant) Element jest potomkiem drugiego elementu, jeżeli jest jego dzieckiem albo jest dzieckiem elementu, który jest potomkiem tego drugiego elementu.
(ancestor) Element jest przodkiem drugiego elementu, jeśli tylko ten drugi jest jego potomkiem.
(sibling) Element jest bratem drugiego, jeśli mają tego samego rodzica. Może on być bratem poprzedzającym - jeśli następuje wcześniej niż drugi w drzewie dokumentu, lub następującym - gdy później.
(preceding element) Element jest poprzedzający dla drugiego, jeśli jest jego przodkiem lub bratem poprzedzającym.
(following element) Element jest następujący po drugim, jeśli ten pierwszy jest jego elementem poprzedzającym.
(author) Autor jest osobą, która tworzy dokumenty i łączy arkusze stylów. Narzędzie autorskie (authoring tool) generuje dokumenty i związane arkusze stylów.
(user) Użytkownik jest osobą, która oddziałuje wzajemnie z pośrednikiem użytkownika (user agent) w celu obejrzenia (usłyszenia) treści zawartej w dokumencie, ewentualnie używa dokumentu i związanego arkusza stylów. Użytkownik może dostarczyć osobisty arkusz stylów, który zawiera jego osobiste preferencje.
(user agent - UA) Dowolny program, który interpretuje dokument i stosuje związany arkusz stylów zgodnie z określeniami specyfikacji. Pośrednik użytkownika może wyświetlać dokument, czytać go na głos, spowodować jego wydrukowanie, przekształcić na inny format itd.