Tło elementów strony www. Obramowanie elementów strony www.

 

cw 231

CSS Backgrounds / Formatowanie tekstu
• Przygotuj dokument cw231.html oraz cw231.css
• Część HTML
  • Pobierz Picture of the day ze strony Wikimedia
  wybierając jego szerokość 1920 pikseli. Zmien mu domyślną nazwę na cw251 zachowując oryginalne rozszerzenie.
  • Wstaw na stronę 5 bloków jeden pod drugim
  • Każdy z bloków jako pierwszą linię zawiera nagłówek pierwszego poziomu o treści BLOK NR
  • Poniżej umieszczona jest lista nieuporządkowana składająca się z 5 elementów
  • Każdy element listy zawiera jako content paragraf o treści:
    "Bacon ipsum dolor amet beef ribs turkey pork picanha, andouille spare ribs tongue corned beef jowl kielbasa sausage ham jerky frankfurter. Rump drumstick buffalo pancetta pig, jowl biltong shank. Picanha tri-tip jerky, t-bone beef ribs chuck porchetta ham venison shankle cupim beef short ribs tenderloin. Tongue pancetta alcatra brisket bresaola sausage. Strip steak turducken prosciutto picanha tongue kevin spare ribs drumstick jerky corned beef frankfurter swine meatball."
  • Pomiędzy blokami wstaw po cztery paragrafy, które jako content bedą zawierały znak kropki (.)
• Część CSS
  • Ustal dla całej strony
    Tło obrazkowe - plik pobrany na początku ćwiczenia
    Tło obrazkowe zaczepione w lewym dolnym narożniku okna przeglądarki
    Powtarzanie obrazka w tle w pionie
    Kolor tła #0080ff;
  • Dla każdego bloku kolor tła #cce6ff
  • Dla nagłówków poziomu pierwszego wyrównywanie do środka i kolor tekstu czerwony, krój czcionki Courier.
  • Dla wszystkich paragrafów krój czcionki 'Segoe UI'
  • Dla wszystkich paragrafów umieszczonych w jako drugi element listy tło czarne i kolor tekstu biały (class)
  • Wyłącznie dla paragrafu umieszczonego w drugim elemencie listy bloku NR 2 kolor tekstu żółty. (id)
• screen 1 screen 2

Pytania i odpowiedzi: