Dodatek C. u Porównanie możliwości przeglądarek              1007

Dodatek D.
Krótki przewodnik po kaskadowych arkuszach stylów (CSS)

Kaskadowe arkusze stylów dają zaawansowane możliwości rozmieszczania i wyświetlana na stronach zarówno tekstu, jak i obrazów. Dzięki nim, z ogromną precyzją można umieszczać na stronach tekst, obrazy oraz inne elementy multimedialne. W tym dodatku umieściłam krótkie opisy właściwości CSS1 oraz tych właściwości i wartości CSS2, jakie pojawiły się w rekomendacji CSS2 z dnia 12 maja 1998 roku. Aktualnie jest to najnowsza wersja tego dokumentu.

Aby ułatwić dostęp do informacji, właściwości przedstawione w tym dodatku zostały zorganizowane w następujący sposób:

n   właściwości bloku,

n   właściwości tła i koloru,

n   właściwości modelu blokowego,

n   właściwości czcionek,

n   właściwości list,

n   właściwości tekstu,

n   właściwości efektów wizualnych,

n   głosowe właściwości arkuszy stylów,

n   właściwości zawartości wygenerowanej/automatycznego numerowania,

n   właściwości mediów stronicowanych,

n   właściwości tabel,

n   właściwości interfejsu użytkownika,

n   jednostki stosowane w kaskadowych arkuszach stylów.

Jak korzystać z tego dodatku

Każda właściwość zawiera informacje podane w następującej kolejności:

n   zastosowanie — opis właściwości,

n   wartości CSS1 — poprawna składnia oraz wartości dostępne w CSS1,

n   wartości CSS2 — poprawna składnia oraz wartości dostępne w CSS2,

n   wartość początkowa — początkowa wartość właściwości,

n   stosowana do — elementy dla jakich można użyć danej właściwości,

n   dziedziczona — czy właściwość jest dziedziczona,

n   notatki — informacje dodatkowe.

Określanie wartości CSS jest doświadczeniem wymagającym cierpliwości i ścisłego stosowania się do zasad logiki. Aby określić wartości wszystkich właściwości opisanych w tym dodatku, powinieneś posługiwać się schematem przedstawionym poniżej.

Wartości różnych typów są rozróżniane w następujący sposób:

n   słowa kluczowe — słowa kluczowe to identyfikatory, takie jak: red, auto, normal czy też inherit. Nie są one zapisywane w cudzysłowach,

n   proste typy danych — te wartości, na przykład, <liczba> lub <długość> są zapisywane w nawiasach kątowych; oznaczają one faktyczne wartości podawane w arkuszach stylów. Koniecznie należy zwrócić uwagę, iż oznaczenia te jedynie określają typ danych i nie stanowią faktycznej wartości. Proste typy danych zostały opisane pod koniec tego dodatku,

n   odwołania skrótowe — wartości zapisane w nawiasach kątowych i apostrofach, jak, na przykład, <'background-color'> we właściwości background, określają uproszczoną, skrótową metodę podania wartości. Wartości określone w background-color mogą zostać użyte we właściwości background. Jeśli, na przykład, będziesz chciał określić kolor tła dokumentu, możesz to zrobić na dwa sposoby:
body { background: red } lub body { background-color: red },

n   predefiniowane typy danych — wartości zapisane w nawiasach kątowych jednak bez apostrofów, na przykład, <obramowanie-grubość> we właściwości
border-top-width, przypominają proste typy danych, jednak zawierają wartości predefiniowane. Na przykład, dostępne wartości <obramowanie-grubość>
to: thin, thick, medium oraz <długość>.

Jeśli właściwość będzie mieć kilka wartości, zostaną one zapisane według następujących reguł.

n   sąsiednie słowa — kilka sąsiadujących ze sobą słów oznacza, że wszystkie wartości muszą zostać podane, jednak ich kolejność jest dowolna,

n   wartości oddzielone pionową kreską „|” — pionowa kreska oddziela wartości alternatywne, z których można użyć tylko jednej,

n   wartości oddzielone dwiema pionowymi kreskami „||” — dwie pionowe kreski oddzielają opcje, z których można wybrać jedną lub kilka i podać w dowolnej kolejności,

n   nawiasy prostokątne „[]” — nawiasy prostokątne grupują wartości w wyrażenia, obliczane podobnie jak wyrażenia matematyczne.

Określając wartości, podane w tym dodatku, kolejność jaką należy przyjąć jest następująca: wartości sąsiednie mają wyższy priorytet, niż wartości oddzielone dwoma pionowymi kreskami, a te z kolei mają wyższy priorytet od wartości oddzielonych pojedynczą pionową kreską.

Dodatkowo, po każdej wartości lub grupie wartości może się pojawić modyfikator. Oto używane modyfikatory:

n   * (gwiazdka) — umieszczony przed nią typ, słowo lub grupa może się pojawić dowolną ilość razy (w tym, w ogóle),

n   + (plus) — umieszczony przed nią typ, słowo lub grupa może się pojawić raz lub kilka razy,

n   ? (znak zapytania) — umieszczony przed nim typ, słowo lub grupa jest opcjonalna,

n   {} (nawiasy klamrowe) — otaczające parę cyfr, na przykład, {1, 2} określają, że umieszczony wcześniej typ, słowo lub grupa może się pojawić o najmniej raz i co najwyżej dwa razy.

Właściwości bloku

Elementy blokowe to te, które są wizualnie przedstawione w postaci bloków. Przykładowo, są to listy i akapity.

bottom, left, right, top

direction

display

float

position

unicode-bidi

z-index