Zestaw zadań nr 7 – style cz. 2

Transkrypt

Zestaw zadań nr 7 – style cz. 2
Zestaw zadań nr 7 – style cz. 2
Zadanie 1.(2 pkt.) Stworzyć „dynamiczne menu” (zmiana wyglądu odsyłacza w
momencie najechania na niego myszką) w następujący sposób:
stworzyć cztery odsyłacze do wcześniej stworzonych dokumentów. Następnie w
sekcji „head” stworzyć styl, który spowoduje, że po najechaniu myszką na
odsyłacz będzie on pogrubiony, koloru białego na tle zielonym, czcionka
odsyłacza to verdana wielkości 14px.
Zadanie 2.(8 pkt.) Stworzyć styl (w zewnętrznym pliku) o nazwie dokument.css,
który ustala kolor tekstu w dokumencie - niebieski, kolor tła dokumentu – wybrać
z palety kolorów. Dokument niech ma ustawiony margines górny i dolny na 3cm,
natomiast lewy i prawy na 2.5cm.
Uniwersalny rodzaj czcionki w dokumencie niech będzie np. arial.
Domyślnie niech czcionka w każdym akapicie ma wielkość 12pt, wcięcie 2cm,
odstępy miedzy wierszami 1cm, kolor niebieski.
Stworzyć dwie klasy dla akapitu, pierwsza o nazwie "odstep" niech będzie miała
odstęp miedzy wyrazami 1cm, a druga o nazwie "inicjal" niech ma pierwsza literę
wypisaną czcionką o wielkości 30pt i o kolorze zielonym.
Nagłówki wszystkich stopni niech będą pisane czcionką verdana, niech mają
odstępy miedzy literami 5pt, kolory czcionek - brązowy, natomiast niech różnią
się wielkością czcionek (najwyższy poziom 36pt, a potem 34pt, 32pt itd.).
Niech każda tabela ma kolor tła jasny (wybrać), obramowanie zewnętrzne w postaci
przerywanych kresek, o szerokości 1mm wewnętrzne (każdej komórki), wykropkowane
niech będzie miało szerokość 1.5mm. Niech ponadto każde pole tekstowe formularza
ma tło jasne (wybrać z palety), zaś czcionkę Courier New pochyloną, a wszystkie
wykazy w dokumencie będą napisane czcionką verdana, wielkości 10px, koloru
różowego.
Zastosować powyższy styl do dokumentu html, który będzie zawierał co najmniej
trzy akapity (do jednego trzeba zastosować styl dla akapitu, a do dwóch
pozostałych klasy „odstep” i „inicjal”), przynajmniej jedno zdanie nie objęte
żadnym znacznikiem, jedną tabelę, wykaz, dwa pola tekstowe formularza oraz
nagłówki wszystkich stopni. Poszczególne elementy można skopiować z
wcześniejszych zadań.