Model blokowy. Marginesy wewnętrzne i zewnętrzne.

 

cw 271

Utwórz dokument cw271.html oraz cw271.css

Ustal dla całego dokumentu kolor tła czarny i kolor tekstu biały

Wstaw nagłówek poziomu pierwszego o treści: Ćwiczenie 271

Wstaw poniżej nagłówek poziomu drugiego o treści: Nazwisko Imię klasa/grupa

Tekst w obu nagłówkach wyśrodkowany

Poniżej wstaw 4 bloki ułozone jeden pod drugim.

Umieść w każdym z nich po jednym paragrafie wypełnionym tekstem pobranym z serwisu Lorem Ipsum (skopiuj cały pierwszy paragraf)

Dla każdego bloku na stronie ustal:

1. kolor tła żółty
2. kolor tekstu czarny
3. szerokość 70%
4. obramowanie górne: szerokość 5px, kolor czerwony, linia ciągła
5. margines zewnętrzny górny i dolny 20px
6. położenie wyśrodkowane względem okna
7. margines wewnętrzny 20px

Przygotuj plik tlo.png o wymiarach 20px na 20px i wypełnieniu kolorem zielonym

Wyłącznie dla drugiego bloku ustal

1. tło obrazkowe - tlo.png
2. margines wewnętrzny górny i dolny 20px, a prawy i lewy 40px
3. obramowanie lewe i prawe: 5px, linia ciągła, czerwone

Dla wszystkich paragrafów z wyjątkiem bloku drugiego ustal czcionkę: "Segoe UI"

DEMO 1

Pytania i odpowiedzi: