Zajecia nr 10 – Style cd
W oparciu o rozdzial „Style” kursu html:
Cw 1. zadeklarować w sekcji „head” styl, który będzie formatowal odsylacze:
Najpierw stworzyc styl, ktory ustala kolor tekstu w dokumencie jako czerwony, kolor tla (background-color) jasny (wybrac z palety kolorow).
Zdefiniowac rowniez dwie klasy odnosnikow jedna o nazwie "link1" niech ma nastepujace wlasciwosci:
-brak podkreslenia (cecha - text-decoration), -wielkosc czcionki (font-size) 10pt,
-rodzaj czcionki (font-family) verdana,
-ustawic rozne kolory odnosnikow standardowych, odwiedzonych, aktywnych, a po najechaniu na odnosnik niech sie zmieni jego kolor tla i tekstu
(wykorzystac pseudoklasy odsylaczowe: link, visited, hover, active).
Klasa "link2" tak samo jak poprzednio, z tym, ze wielkosc czcionki 14pt, rodzaj – arial.
Zastosowac powyzszy styl do dokumentu, w którym umiescimy cztery odsylacze do wczesniej stworzonych dokumentow (klasy: klasa1, klasa2 zastosowac do dwoch odsylaczy). Dokument zatytulowac „Moje ulubione linki” przy pomocy naglowka H1, któremu nadac styl (wymyslec).
Cw. 2.
a) Przetestować różne rodzaje wyliczeń numerowanych w oparciu o style.
b) Zastosować style w formularzach (tło formatowanie tekstu w polach tekstowych i przyciskach).
Cw. 3. Za pomocą pseudoklasy odsyłaczowej (a:hover) stworzyć „dynamiczne menu” składające się z czterech odsyłaczy. Szczegóły podam na zajęciach.
(plik adres.html)
Cw 4. W oparciu o kurs stworzyc styl (w osobnym pliku) o nazwie
dokument.css, ktory ustala kolor tekstu w dokumencie (wybrac), kolor tla (wybrac). Dokument niech ma margines gorny, dolny, lewy i prawy 2.5cm.
Uniwersalny rodzaj czcionki w dokumencie niech bedzie np. arial.
Domyslnie niech czcionka w akapicie (P) ma wielkosc 12pt, wciecie 2cm, odstepy miedzy wierszami 1cm, kolor niebieski.
Stworzyc dwie klasy dla akapitu, pierwsza o nazwie "odstep" niech bedzie miala odstep miedzy wyrazami wynosi 1cm, a druga o nazwie "inicjal" niech ma pierwsza litere wypisana czcionka o wielkosci 30pt i o kolorze zielonym.
Naglowki wszystkich stopni niech beda pisane czcionka verdana, niech maja odstepy miedzy literami 5pt, kolory czcionek brazowy, natomiast niech roznia sie wielkoscia czcionek (najwyzszy poziom 36pt, a potem 34pt, 32pt itd.).
Niech kazda tabela ma kolor tła jasny (wybrac), obramowanie zewnetrzne z przerywanych kresek (dashed), o szerokosci 1mm wewnetrzne (kazdej komorki), wykropkowane (dotted) niech bedzie mialo szerokosc 1.5mm.
Zastosowac powyzszy styl do przykladowego dokumentu.