DHTML0055

Rozdział 2.

Gruby, grubszy, najgrubszy

W prostym HTML-u tekst może być pogrubiony albo nie. W CSS dostępnych jest więcej opcji, pozwalających na określanie różnych poziomów pogrubienia tekstu. Wiele czcionek posiada skojarzone ze sobą różne wagi. Te wagi sprawiają, że tekst wygląda bardziej lub mniej grubo. Kaskadowe arkusze stylów mogą korzystać z tych możliwości.

Na rysunku 2.7 został przedstawiony pogrubiony tekst.

Aby określić pogrubienie tekstu w regule CSS

1. p b {

Rozpocznij regułę poprzez podanie selektora, dla którego chcesz zastosować właściwość font-weight. We wszystkich regułach selektor może być selektorem HTML-owym, selektorem klasy lub identyfikatora (patrz listing 2.4). W tym przypadku zdefiniujemy właściwość font-weight dla znacznika <B> umieszczonego w akapicie.

2. font-weight:

Podaj nazwę właściwości font-weight i dwukropek.

3. bold

Podaj wartość właściwości font-weight, możesz użyć następujących wartości:

• bold, która spowoduję, że tekst zostanie

pogrubiony;

• bolder lub lighter, które spowodują że waga tekstu będzie odpowiednio większa lub mniejsza od wagi znacznika rodzicielskiego;

• wartość z zakresu od 100 do 900 (zwiększaną o 100). Użycie tych wartości spowoduje zwiększenie wagi w zależności od dostępnych, alternatywnych wersji czcionki;

• normal, która spowoduje zastąpienie wszelkich innych ustawień dotyczących wagi czcionki.

Listing 2.4. Pierwsza z dwóch reguł przedstawionych w tym przykładzie powoduje, że tekst wewnątrz znaczników <B> umieszczonych w akapicie będzie grubszy, natomiast druga reguła sprawia, że tekst występujący w pozostałych znacznikach <B> będzie, wyświetlany tak jak normalny

<html>

<head>

F { font-weight: bold; J B ( font-weight: normal; 1 </style>

</head‘>

<p>Miło By było móc powiedzieć po prostu <fc>'Różowy.¹</b> ale to by było zbyt proste. K tym sklepie mieli sto pięćdzisiąt różnych odcieni różowego a moim zmysłem artystycznym na pewno wybrałbym <b'--na\ęorszy</b> z nich.<p>

<b>Dlstego powiedziałem tylko: 'Czy można dostać katalog? Muszę naradzić się z żoną.'</b>

</body>

</htmi>

pogrubiony normalny

Rysunek 2.7. Tekst grubszy i normalny (mniej gruby)

Liczby określające wagę czcionki

Większość czcionek nie będzie posiadała dziewięciu różnych wag. Dlatego jeśli we właściwości font-weight użyjesz wartości, która nie jest dostępna, to zastosowana zostanie inna wartość, określona w następujący sposób:

Wartości 400 i 500 mogą być stosowane zamiennie.

Wartości od 100 do 300 zostaną zamienione na kolejną lżejszą wagę, jeśli taka będzie dostępna, a jeśli nie, to na kolejną większą wagę.

Wartości od 600 do 900 zostaną zamienione na kolejną wdększą wagę, jeśli to możliwe, a w przeciwnym wypadku - na kolejną lżejszą wagę.

Wyszukiwarka

Podobne podstrony:
DHTML0049 Rozdział 2. Określanie czcionkiOkreślanie czcionki Czcionka użyta do wyświetlenia tekstu m
DHTML0022 Rozdział 1. Rozdział 1. Czym jest styl?Czym jest styl? Większość dostępnych procesorów tek
DHTML0024 Rozdział 1. Rozumienie reguł CSS Gdzie umieszczać reguły CSS? Reguły mogą być umieszczane
DHTML0028 Rozdział 1. Definicje: właściwości i wartościDefinicje:właściwości i wartości /a selektore
DHTML0030 Rozdział 1. Definiowanie selektorów klasDefiniowanie selektorów klas Użycie selektorów kla
DHTML0032 Rozdział 1. Rozdział 1. Definiowanie saelektora identyfikatora i i j i jneużt!.
DHTML0034 Rozdział 1. Umieszczanie selektorów w kontekście ROZDZIAŁ 7. O problemach nmlaj-skicli Pro
DHTML0036 Rozdział 1. Dodawanie CSS do dokumentu HTML-owego Głównym zastosowaniem CSS jest definiowa
DHTML0040 Rozdział 1. Rozdział 1. Dodawanie komentarzy do CSSDodawanie komentarzy do CSS Arkusze sty
DHTML0042 Rozdział 1. Dziedziczenie właściwościDziedziczenie właściwości od znaczników rodzicielskic
DHTML0044 Rozdział 1.Określanie porządku kaskady Na jednej stronie WWW możesz dysponować dołączonymi
DHTML0046 Rozdział 1. Rozdział 1. Rozwiązywanie problemów z CSSRozwiązywanie problemów z CSS Bardzo
DHTML0051 Rozdział 2. Ustawianie wielkośu czcionki 6pl 12ptUstawianie wielkości czcionki HTML udostę
DHTML0053 Rozdział 2. Wyświetlanie tekstu kursywąWyświetlanie tekstu kursywę Bardzo często mylone są
DHTML0057 Rozdział 2. Zamienianie liter małych na duże 3 JJ .3 : JWwtes Hi«soiy W JĘZYKU HTML DEFINI
DHTML0060 Rozdział 3. Rozdział 3. Określanie kerningu £* SŚłycja iggpl:. Prrejd* Jubtor* Pnrrac. .
DHTML0062 Rozdział 3. niej użyć linii o podwójnej . oj nej Określanie odstępu wierszyOkreślanie odst
DHTML0064 Rozdział 3. Rozdział 3. Wyrównywanie feksłuWyrównywanie tekstu (do prawej, do
DHTML0066 Rozdział 3. Rozdział 3. Wcinanie akapitów BPWcinanie akapitów Na szczęście na stronach WWW

więcej podobnych podstron