DHTML0058

Czcionki CSS

■a jj j

S««'d) Favoriłe$ ł-uktary

Listing 2.6. W tym przykładzie definiujemy, że : a główek H3 ma być wyświetlany pogrubioną irsywą o wielkości 14pt, czcionką bezszeiyfową ■raz że litery małe mają być zamienione na duże

&t»l>

-.ead>

rseta http-equiv »"Gon tent-T.ype"

-►eon r. en t**” t ex t/htm 1; cha rse t-1S0- 88 59-2 " > style typ6=^,,te:-Łt/css^,’> r.l { font: Italie small-caps bold 14pt -*nelvetica, arial, sans-serif; }

/styłe>

head>

cody>

n3>Rozd2iał 3<br>

-iika słów o tabelach</h3>

P>W języku HTML definiuje się po... </p>

P>Para znaczników TR i /TR służy do ...</p> /body> html>

wmnmmmmsymiL

•" * £«< yłw    JooK H*lp

j ■ I m. o ■. a;

ROZDZIAŁ 3

KILKA SŁOWO TABELACH

języku HTML definiuje .się p«> kolei wszystkie wieisze tabeli, a

•    .izdy z wierszy zawiera definicję wszystkich zawartych w mm

•    -.'morek. Definiowanie tabeli zaczynamy od górnego wiersza i heślnmy wszystkie jeuo komórki, następnie dnici wiersz i jego

•    .'morki. itd. Kolumny obliczane sn automatycznie w opiciu o : iczhę komórek w każdym z wierszy.

. i;.,

Rysunek 2.10. Wyniki wyświetlenia w przeglądarce kodu z listingu 2.6

' Rady

■    Aby nasza przykładowa właściwość zadziałała, nie musisz podawać wszystkich wartości. Przeglądarka będzie wiedziała, jakie wartości zostały użyte, gdyż każda

z nich jest innego typu. Zamiast tego po prostu całkowicie usuń wartość.

■    Wysokość linii (właściwość line-height) nie jest w zasadzie właściwością dotyczącą czcionki. Niemniej jednak można ją umieścić w tej definicji, gdyż z punktu widzenia typografii, wysokość linii oraz wielkość czcionki są od siebie wzajemnie zależne.

Ustawianie

wielu wartości czcionek

Choć można niezależnie podawać różne elementy czcionek, to jednak niejednokrotnie jest wygodniej - podać wszystkie elementy czcionki w jednej definicji. Aby to zademonstrować, użyjemy właściwości font.

Aby zdefiniować kilka właściwości czcionki w jednej regule

1.    H3{

Podaj selektor reguły. Nie zapomnij rozpocząć reguły za pomocą otwierającego nawiasu klamrowego. W listingu 2.6 określimy wygląd nagłówka H3.

2.    font:

Wpisz nazwę właściwości oraz dwukropek.

3.    italic

Wpisz wartość właściwości font-style i spację.

4.    small-caps

Wpisz wartość właściwości font-variant i spację.

5.    bold

Wpisz wartość właściwości font-weight i spację.

6.    14pt

Wpisz wartość właściwości font-size.

7.    /36pt

Zapisz znak ukośnika, wartość właściwości line-height i spację. (Patrz „Określanie odstępu wierszy (wysokości linii)”, strona 64.)

8.    helvetica, arial, sans-serif

Wpisz wartość właściwości font-family i spację.

9.    ;}

Zakończ regułę zapisując średnik, dowolne dodatkowe definicje, które chcesz użyć w tej regule i zamykający nawias klamrowy.

Ustawianie wielu wartości czcionek

59