Wysokość i szerokość elementów. Obrys.

 

cw 281

• Utwórz dokument cw281.html oraz cw281.css
• Ustal dla calego dokuemtu kolor tła #660066 oraz marginesy zewnętrzne zero pikseli
• Wstaw nagłówek poziomu pierwszego o treści: Ćwiczenie 281
• Wstaw poniżej nagłówek poziomu drugiego o treści: Nazwisko Imię klasa/grupa
• Wstaw blok główny
• W bloku głównym umieść 4 bloki
• W każdym z czterech bloków umieść nagłówek 3 poziomu oraz poniżej paragraf wypełniony tekstem pobranym z serwisu
• Nagłówki wypełnij kolejno napisami: Nagłówek 1, Nagłówek 2, Nagłówek 3, Nagłówek 4
• Dla nagłówków h1 oraz h2 ustal dla tekstu wyrównywanie centralne oraz kolor żółty
• Dla nagłówków h3 ustal
  1. wyrównywanie tekstu centralne
  2. kolor tekstu biały
  3. rozmiar tekstu 40 pikseli
  4. Dobierz efektowne cieniowanie tekstu
• Dla bloku głównego ustal:
  1. szerokość 80%
  2. wycentrowany względem okna przeglądarki
  3. margines zewnętrzny górny i dolny 5 pikseli
  4. margines wewnętrzny 15 pikseli
  5. tło obrazkowe rzeka
  6. tło powtarzające się w pionie
  7. położenie tła góra i prawo
• Dla czterech bloków wewnętrznych ustal:
  1. szerokość 80%
  2. margines zewnętrzny górny i dolny 50px
  3. wyśrodkowanie w bloku głównym
  4. margines wewnętrzny górny i dolny 40 pikseli oraz lewy i prawy 15 pikseli
  5. kolor tła #ffb3ff
• Wyłącznie dla bloku pierwszego z czterech obramowanie tylko górne o szerokości 10 pikseli, linią podwójną w kolorze białym
• Wyłącznie dla bloku czwartego z czterech obramowanie tylko dolne o szerokości 10 pikseli, linią podwójną w kolorze białym
• Pamiętaj: cały styl zapisz w pliku cw292.css
DEMO 1 DEMO 2 DEMO 3

Pytania i odpowiedzi: