DHTML0051

Rozdział 2.

Ustawianie wielkośu czcionki

6pl 12pt

Ustawianie wielkości czcionki

HTML udostępnia siedem różnych wielkości czcionek, jednak wszystkie te wielkości są zależne od domyślnej wielkości czcionki wskazanej przez osobę oglądającą stronę. Dzięki CSS możesz podać wielkość tekstu wyświetlanego na ekranie przy użyciu kilku różnych notacji i metod, w tym tradycyjnej notacji używającej punktów, wielkości procentowych lub nawet wielkości zależnej od rozmiaru otaczającego tekstu. Na rysunku 2.3 przedstawiony został tekst wyświetlony czcionkami o różnych wielkościach.

Aby zdefiniować wielkość czcionki w regule

T. BODY{

Rozpocznij regułę podając selektor, dla którego chcesz zdefiniować wielkość czcionki. Pamiętaj, aby otworzyć definicję za pomocą otwierającego nawiasu klamrowego {. Na listingu 2.2 pokazany został przykład definiowania wyglądu treści dokumentu.

2. font-size:

Podaj nazwę właściwości określającej wielkość czcionki i dwukropek.

3. 12pt

Podaj wartość wielkości czcionki; można to zrobić posługując się:

• Jednostką długości, zazwyczaj wielkość czcionki określana jest w punktach.

• „Wyrażeniem bezwzględnym” opisującym wielkość czcionki; wyrażeniami takimi są: x-small, smali, medium, large, x-large oraz xx-large.

• Wartością smaller lub larger, opisującą wielkość czcionki w porównaniu

z elementem rodzicielskim (patrz „Dziedziczenie właściwości od znaczników rodzicielskich”, strona 42).

• Wartością procentową, określającą

o ile tekst jest większy w porównaniu z elementem rodzicielskim; na przykład, 75%.

Listing 2.2. W tym przykładzie wszystkie teksty umieszczone w znaczniku <BODY> zostaną wyświetlone czcionką o wielkości I2pt, za wyjątkiem nagłówków <H3>, które zostaną wyświetlone .. większą " czcionką

<html>

<head>

crr.eta http-equiv=^MContent-Type" ->content*"text/html; charset*ISO-8859-2"> <style type="text/css">

BODY { font-size: 12pt; }

H3 { font-size: larger; }

</style>

</head>

<body>

<h3>Rozdział I<br>Kilka słów o tabelach</h3>

<p>W języku HTML definiuje się po kolei

... </p>

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

</body>

</html>

24pt48pt

Rysunek 2.3. Kilka różnych wielkości czcionek

Wyszukiwarka

Podobne podstrony:
DHTML0099 Rozdział 6. Ustawianie szerokości obramowania Określanie wielu wartości border-width: 5px
graf Start i Wielkość pola gry Uruchomienie programu Ustawienie wielkości pola gry wysokość
DHTML0049 Rozdział 2. Określanie czcionkiOkreślanie czcionki Czcionka użyta do wyświetlenia tekstu m
DHTML0076 Rozdział 4. Rozdział 4. Ustawianie wielu wartości Ustawianie wielu wartości właściwości
DHTML0093 Rozdział 6. Określanie pojedynczych marginesów Listing 6.2. Treść dokumentu ma ustawione m
68 (172) 70 Rozdział 3 Maksymalna wielkość wskaźnika zmianowości wynosi 3, a różnica pomiędzy tą wie
Metody chromatograficzneefektywność rozdzielania (rozdzielenie pasm)• Wielkości opisujące
wirtualny krajobraz Nowy dokument Nazwa; wirtualny krajobraz! Ustawienia wielkości; Własny
Analiza finansowaStudium Wykonalności Rozdział 10_ wielkość. Wzrost kosztów, generowany w wyniku
Ekonomika turystyki R Łazarek (99) RoZDZIAt IITURYSTYKA A WIELKOŚĆ I STRUKTURA KONSUMPCJI1. POTRZ
P1110732 W czasie pracy ciągnika rozdzielacz 6 ustawiony jest w położeniu pokazanym na rys. 27 i stw
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

więcej podobnych podstron