spotkanie 2

Warto zajrzeć

Dla plików znajdujących się w tym archiwum wykonaj następujące zadania:

Zadanie 1

Do pliku html przypnij plik CSS i zobacz efekt wizualny.

Zadanie 2

Uporządkuj plik html tak jak jest to zrobione dla pierwszego bohatera.

Zadanie 3

Zmodyfikuj plik styli dla pozostałych bohaterów.

Zadanie 4

Dodaj informację o nazwie utworu oraz jego autorze.

Zadanie 5

Zdefiniuj klasę bohater i wprowadż ją w pliku html. Obiekty klasy bohater wyświetlane są w ramkach, tzn. mają ustawione obramowanie. Zadaj obramowanie np. kolorem zielonym, grubą linią przerywaną.

Zadanie 6

Spraw, aby elementy klasy bohater rzucały cień - opcja shadow w css.

Zadanie 7

Spraw, aby elementy klasy bohater miały zaokrąglone rogi (border-radius).

Zadanie 8

Znajdź zdjęcia bohaterów w wyszukiwarce google i umieść je w dokumencie przy ich nazwiskach - zadbaj o kompozycję wizualną.

Zadanie 9

Spraw, aby elementy klasy bohater wyświetlały tekst wyjustowany do prawej.

Zadanie 10

Spraw, aby po najechaniu myszą na element klasy bohater tekst stawał się pochyły oraz cień stawał się innego koloru.

Zadanie 11

Spraw, aby w klasie bohater co drugi wiersz był pisany kursywą, wiersz ostatni był napisany z większymi odstępami pomiędzy literami (letter-spacing). Zmodyfikuj letter-spacing dla typów nagłówkowych.

Zadanie 12

Przygotuj dowolną animację nagłówka zawierająccego tytułi autora tekstu (słówko: animation).