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ń.