 |
Kurs HTML 4.01, XHTML 1.0 i CSS 2 z przyk│adami
autor: Dariusz Majgier •
ostatnia aktualizacja kursu: 2003.06.01
|
[Start] •
[Elementy HTML] •
[Atrybuty HTML] •
[Style CSS] •
[Porady online]
[A]
[B]
[C]
[D]
[E]
[F]
[H]
[I]
[K]
[L]
[M]
[N]
[O]
[P]
[Q]
[R]
[S]
[T]
[U]
[V]
[W]
[Z]
[kolory] •
[tekst] •
[czcionki] •
[rozmiary] •
[pozycje] •
[tabele] •
[listy] •
[formularze]
[struktura] •
[linki] •
[multimedia] •
[bloki] •
[obramowania] •
[t│a] •
[synteza] •
[druk]
font-size
Styl definiuje wielko╢µ czcionki.
Warto╢ci:
- • medium (warto╢µ domy╢lna) - CSS1 / IE3, N4, O3.5
- standardowy rozmiar
- • d│ugo╢µ wyra┐ona w [px|mm|cm|in|pt|pc|em|ex] - CSS1 / IE3, N4, O3.5
- warto╢µ dodatnia
- • procenty - CSS1 / IE3, N4, O3.5
- warto╢µ wyra┐ona w procentach
- • xx-small|x-small|small|smaller - CSS1 / IE3, N4, O3.5
- ma│e rozmiary, pr≤bki poni┐ej
- • xx-large|x-large|large|larger - CSS1 / IE3, N4, O3.5
- du┐e rozmiary, pr≤bki poni┐ej
- • inherit - CSS2 / N6
- przejΩcie warto╢ci "rodzica", np. font-size:inherit;
Pozosta│e cechy:
• CSS/przegl▒darki: CSS1 / IE3, N4, O3.5
• odpowiednik HTML: size
Przyk│adowe zastosowania:
• Przyk│ad 1:
Przyk│adowy tekst, w kt≤rym pokazane s▒ r≤┐ne wymiary czcionek:
<br>- <span style="font-size:smaller;"> pr≤bka smaller</span>
<br>- <span style="font-size:xx-small;"> pr≤bka xx-small</span>
<br>- <span style="font-size:x-small;"> pr≤bka x-small</span>
<br>- <span style="font-size:small;"> pr≤bka small</span>
<br>- <span style="font-size:larger;"> pr≤bka larger</span>
<br>- <span style="font-size:large;"> pr≤bka large</span>
<br>- <span style="font-size:x-large;"> pr≤bka x-large</span>
<br>- <span style="font-size:xx-large;"> pr≤bka xx-large</span>
Przyk│adowy tekst, w kt≤rym pokazane s▒ r≤┐ne wymiary czcionek:
- pr≤bka smaller
- pr≤bka xx-small
- pr≤bka x-small
- pr≤bka small
- pr≤bka larger
- pr≤bka large
- pr≤bka x-large
- pr≤bka xx-large
• Przyk│ad 2:
<style type="text/css"><!--
body {font-size: 16px;}
.mini {font-size: 12px;}
--></style>
• • •
Zobacz porady, skrypty, artyku│y i gotowe rozwi▒zania dla w│a╢cicieli stron WWW!
|