Formatowanie akapitu p: czcionka - Courier New, styl - pochylenie, grubość - 500, rozmiar - 20px
Zadanie Ia - CZCIONKA:
Formatowanie blockquote: krój czcionki – fantasy, styl – pochylenie,
grubość – bolder, rozmiar – 30px, typ czcionki - kapitaliki, kolor - teal
Zadanie Ib - CZCIONKA:
Formatowanie em: krój czcionki - Times New Roman, grubość - 400, rozmiar - 25px, kolor - pomarańczowy
Zadanie IIb - CZCIONKA:
Formatowanie h1: deklaracja tekstu - nadkreślenie, odstęp - 100%, wyśrodkowanie, kolor - zielony, zmiana tekstu - małe litery, wcięcie wiersza - 20px, odstępy między znakami - 2px
Zadanie IIa - CZCIONKA:
Formatowanie h4: kolor tekstu –fioletowy, dekoracja tekstu – przekreślenia, odstępy między liniami – 2cm,
tekst do prawej strony, zmiana tekstu – kapitaliki, wcięcie pierwszego wiersza - 50px;
odstępy miedzy znakami: 5px
Zadanie IIIb - CZCIONKA
Formatowanie tytułu h3:
dekoracja tekstu – podkreślenie;
odległość między wyrazami w tekście: 15px;
text-align: left;
color: red;
zmiana wielkości liter w tekście: duże litery;
Zadanie IV - OBRAMOWANIE
Zadanie IV – OBRAMOWANIE: Ustawienie obr. dla h2: styl – kreskowanie, kolor obr. – aqua, grubość - średnia, tło żółte
KOLOR TEKSTU: SREBRNY, CZARNE TŁO, ŻÓŁTE OBRAMOWANIE, STYL OBRAMOWANIA: RIDGE, DUŻE LITERY / KAPITALIKI, TEKST USTAWIONY: DO PRAWEJ, BRAK DEKORACJI
TEKST NAKREŚLONY, ODSTĘPY MIĘDZY ZNAKAMI W TEKŚCIE 5 PT, WYŚRODKOWANY TEST, KOLOR TEKSTU BIAŁY, TŁO FUCHSIA, OBRAMOWANIE 3PX KROPOWANE BĄDŹ INSET BIAŁE, ODSTĘP 20 PX, SZEROKOŚĆ 70%
TEKST NAKREŚLONY, ODSTĘPY MIĘDZY ZNAKAMI W TEKŚCIE 5 PT, WYŚRODKOWANY TEST, KOLOR TEKSTU BIAŁY, TŁO FUCHSIA, OBRAMOWANIE 3PX KROPOWANE BĄDŹ INSET BIAŁE, ODSTĘP 20 PX, SZEROKOŚĆ 70%
KOLOR TŁA: ZŁOTY, KOLOR NAPISU: SZARY, SPACJA POMIĘDZY SŁOWAMI: 5PX, STYL BORDERU: CIĄGŁY, KOLOR BORDERU: ŻÓŁTY, ODSTĘP: 5PX, TEKST WYŚRODKOWANY
zadanie IV – OBRAMOWANIE: Ustawienie obramowania obrazkowego dla nagłówka h2 - z identyfikatorem "ramka1" TŁO: białe; TEKST: czarny, ODSTĘP: 10px, SZEROKOŚĆ: 70%; border: 30px solid transparent; border-image: url(folder/nazwa.jpg) 50 stretch; OBRAZ JEST ROZCIĄGNIĘTY ABY WYPEŁNIĆ CAŁY OBSZAR
zadanie IV – OBRAMOWANIE: Ustawienie obramowania obrazkowego dla nagłówka h2 - z identyfikatorem "ramka1" TŁO: białe; TEKST: czarny, ODSTĘP: 10px, SZEROKOŚĆ: 70%; border: 30px solid transparent; border-image: url(folder/nazwa.jpg) 50 round; OBRAZ JEST ROZCIĄGNIĘTY ABY WYPEŁNIĆ CAŁY OBSZAR
zadanie IV – OBRAMOWANIE: Ustawienie obramowania obrazkowego dla nagłówka h2 - z identyfikatorem "ramka3" TŁO: none; TEKST: czarny, ODSTĘP: 5px, SZEROKOŚĆ: 33%; border: 50 px solid; border-image: url(foty/gwiazdka1.gif) 100 round;
zadanie IV – OBRAMOWANIE: Ustawienie obramowania obrazkowego dla nagłówka h2 - z identyfikatorem "ramka3" TŁO: none; TEKST: czarny, ODSTĘP: 5px, SZEROKOŚĆ: 33%; border: 50 px solid; border-image: url(foty/gwiazdka1.gif) 30 round;
zadanie IV – OBRAMOWANIE: Ustawienie obramowania obrazkowego dla nagłówka h2 - z identyfikatorem "ramka3" TŁO: none; TEKST: czarny, ODSTĘP: 5px, SZEROKOŚĆ: 33%; border: 50 px solid; border-image: url(foty/gwiazdka1.gif) 20 round;
ZADANIE V - CSS: LINKI - PSEUDOKLASY
ONET
WP
TSI
ONET
WP
TSI
PIĘĆ ZALET PRZEDMIOTU PSI:
- Nauka Języków CSS i HTML
- Ciekawe Informacje I Ciekawoski
- Przyjemna Atmosfera
- Ciekawy Przedmiot
- Szybka I Komfortowa Forma Przyswajania Wiedzy
WADY PRZEDMIOTU PSI:
- JEDEN
- WIELKI
- BRAK
CO MUSZE ZROBIĆ PRZED ŚWIĘTAMI:
- ROBIE JEDZENIE
- ULEPIĆ BAŁWANA
- NAŁOŻYĆ GWIAZDKE
ZADANIE VII - KURSOR
ZADANIE VIII – ROZMIAR:
Ustawienie wysokości (8%) i szerokości (45%) dla elementu div#rozmiar
Kolor i rodzaj obramowania dobierz samodzielnie
div#rozmiar { height: 16%; width: 60%; border: double, orangered;}
KONIEC
