Lekcja 24
kl 1 Projektowanie stron
Formatowanie tekstu.
cw 241
- CSS Borders / Formatowanie tekstu
- Przygotuj dokument cw241.html oraz cw241.css
- Umieść w nim nagłówek pierwszego poziomu o treści: CSS Borders / Backgrounds
- Poniżej wstaw nagłówek drugiego poziomu o treści: Imie / Nazwisko / klasa-grupa
- Pobierz Picture of the day ze strony wybierając jego najmniejszy rozmiar. Zmien mu domyślną nazwę na cw241 zachowując oryginalne rozszerzenie.
- Zmień mu rozmiar tak, aby miał 225 pikseli szerokości zachowując jednocześnie proporcje
- Dodatkowo pobierz w maksymalnym rozmiarze. Zmien mu szerokość na 1920 pikseli z zachowaniem proporcji oraz domyślną nazwę na cw241tlo zachowując oryginalne rozszerzenie.
- Część HTML
- Wstaw na stronę 7 bloków
- W każdym z nich jako content umieść obrazek cw241.
- Pomiędzy blokami wstaw po 3 paragrafy, w których umieścisz jako content znak kropki (.)
- Część CSS
- Ustal dla całej strony tło obrazkowe cw241tlo zaczepione w lewym górnym rogu okna przeglądarki powtarzające się w pionie oraz wyrównywanie tekstu centralne
- Dla nagłówków h1 oraz h2 ustal czcionkę verdana oraz rozmiar tekstu 180%
- Dla wszystkich bloków ustal kolor tła #eeffcc, szerokość 50%, obramowanie podwójną linią ciągłą w kolorze czerwonym i szerokości 5 pikseli.
- Wszystkie bloki wycentruj
margin: 0 auto; - Każdemu z obrazków ustal inne niepowtarzalne obramowanie
- Pierwsze dwa obrazki pełne w jednym kolorze
- kolejne dwa obrazki pełne, ale boki w różnych kolorach
- Kolejny obrazek obramowanie wyłącznie z prawej i lewej
- W ostatnich dwóch wykorzystaj właściwość
border-radius.
Pytania i odpowiedzi: