DHTML0133

Praktyczne zastosowanie C5S

[jjj-Usting 8.3 “ Netscape

Rysunek 8.5. Opuszczona i powiększona litera w bardzo wyraźny sposób oznacza początek akapitu

Niezupełnie element

Istnieje prostsza metoda stworzenia opuszczonej i powiększonej pierwszej litery akapitu, jest nią wykorzystanie pseudoelementu first-letter. Pseudoelement jest określoną i unikalną częścią elementu - taką jak pierwsza litera pierwszego wiersza akapitu - której wygląd może być kontrolowany niezależnie od reszty

elementu. Dla przykładu, możemy użyć pseudoelementu first-letter, aby w poniższy sposób zdefiniować wygląd pierwszej litery akapitu:

P»- $j|t hi«ew Go ęomwunfcasr

a i & #. t s ■„}'

^ ***** ^S>atch ćt** $«**» |

Rozdział 5

Kilka słów o tabelach

języku HTML definiuje się. po kolei wszyslkte vwersze tabeli, a każdy z wierszy zawiera definicję wszystkich zawartych w nim komórek. Definiowanie tabeli zaczynamy od górnego wiersza i określamy wszystkie jego komórki, następnie drugi wiersz i jego komórki, itd Kolumny obliczane są automatycznie w oparciu o liczbę komórek w każdym z wierszy Para znaczników TR i fTR śluzy do tworzenia wiersza. Każdy wiersz ma komórki, które definiuje $ię za pomocą pary znaczników TD i fTD, zawartych między znacznikami TR i /TR. W przypadku komórek nagłówka używamy znaczników TH i /TH (zamiast TD). Zawartość komórek nagłówków jest zwykle wyświetlana pogrubioną czcionką.

3. <P><SPAN class="dropcap">W</SPAN>

-►języku HTML ...</P>

Aby użyć klasy dropcap w celu stworzenia wyróżnionej pierwszej litery akapitu, wykorzystasz w swoim kodzie HTML-owym znacznik <SPAN>, tak jak to pokazano na listingu 8.3. Podane ustawienia spowodują, że litera zostanie wyświetlona czcionką o wielkości 30pt (3x1 Opt) i będzie opuszczona ku dołowi, tak aby jej wierzchołek znajdował się na poziomie wierzchołka reszty akapitu.

^ Rada

■ Internet Explorer wyświetla ruchome litery wyrównując ich linie bazowe z resztą tekstu (czyli ze spodem liter umieszczonych w tej samej linii); z tego względu litery wyróżnione za pomocą stylu dropcap nie będą opuszczane.

Wyróżnianie pierwszychn liter

-►serif; float: left;}

Kolejnym pseudoelementem jest first-line; pozwala on na określenie wyglądu pierwszej linii tekstu.

Niestety, żaden z tych pseudoelementów nie jest dostępny w przeglądarkach pozwalających na korzystanie z kaskadowych arkuszy stylów.

A zatem na razie, musimy zadowolić się tworzeniem i wykorzystaniem klasy dropcap.