Page 82 - informatyka 8

CSS (ang. Cascading Style Kaskadowe arkusze stylów (CSS) służą do opisania wyglądu elementów
Sheets) – język stylów używany do strony internetowej, które wcześniej zostały zdefiniowane w języku HTML. Atry-
formatowania zawartości strony buty stylów CSS (font, align, style) mogą być dodawane do konkretnego znacznika
internetowej. HTML. Umożliwiają formatowanie tekstu, m.in.:
– określenie rozmiaru czcionki (wartość podawana w pikselach) i jej nazwy
font: 16px Verdana,
– określenie wyrównania tekstu,
align=”left” (wyrównanie do lewej), align=”center” (wyśrodkowanie),
align=”right” (wyrównanie do prawej), align=”justify” (wyjustowanie).
Na przykład dodanie CSS do znacznika <p> (akapit) ustala wyrównanie tekstu (do
środka), wskazuje rozmiar (14 pikseli) i rodzaj czcionki (Verdana) oraz określa kolor
tła (srebrny): <p align= “center”; font: 14px Verdana; style=”background-color: silver;”> </p>.
Jeśli CSS zastosujemy jako znacznik <style> </style> w nagłówku (HEAD), wte-
dy będzie dotyczył całej zawartości strony.

5. Pracując w parach, sformatujcie tekst cytatu. Zmieńcie krój i rozmiar czcionki np. na Verdana, 16px. Ustawcie wyrów-
nanie tekstu do prawej strony. Odświeżcie edytowaną stronę i sprawdźcie wygląd wprowadzonych zmian.

Krok po kroku

Aby sformatować tekst i zmienić układ zdjęcia na stronie WWW:

O O sformatuj tytuł (wyśrodkowa-
nie, czcionka w kolorze nie-
bieskim) <h1 align=”center”;
style=”color: blue”>Nasze
szkolne podróże</h1> 1 ,
O O w podobny sposób sforma- 1
tuj podtytuł 2 , 2

O O sformatuj czcionkę (roz-
miar 20 pikseli, na jas-
noniebieskim tle) <h3><p 4
style=”background-color:
lightblue; font: 20px”> Pod-
czas wycieczek szkolnych
3
odwiedziliśmy następujące
miejscowości:</p> 3 ,

O O wyrównaj zdjęcie do pra-
wej strony <a href=”http://
www.tatry.turystyka-gorska.
pl”><img src=”gory.png”
align=”right” title=”Tatry”>
</a> 4 .

80