Spoznali bomo
- Oblikovanje HTML seznamov s CSS
Izdelaj spletno stran, ki jo prikazuje spodnja slika in jo poimenuj 12vaja-css-priimek-ime.html. Stran naj bo izdelana v HTML5 in s CSS. Pazi na pravilno uporabo oznak in obliko zapisa kode.
Za predlogo uporabi 7.vajo iz poglavja HTML: 07: Seznami.
CSS kodo vstavi v glavo spletne strani v oznako style.
Oblikovne lastnosti
- stran -
body:
- zunanji odmik: 20 pik
- barva ozadja: #e9f4fc
- besedilo:
- pisava: "Open Sans", sans-serif
- razmik vrstic: 1,5 kratnik višine vrstice
- glavni naslov:
- barva pisave: #996600
- spodnja obroba: debelina črte 1 piko, pikčasta črta, barva #996600
- podnaslov:
- barva pisave: #ff8600
- slika:
- zunanji odmiki: zgoraj in spodaj 5 pik, desno in levo 10 pik
- notranji odmiki: 3 pike
- obroba: debelina črte 1 piko, polna črta, barva #aeaeae
- barva ozadja: bela
- velikost: širina 350 pik, višina samodejno
- napis pod sliko:
- velikost pisave: 0.8 kratnik višine vrstice
- oblika pisave: ležeče
- barva pisave: #707070
- notranji levi odmik: 5 pik
- poravnava slik:
- zgornja slika: sredinsko
- spodnja slika: desno
- urejen seznam:
- slog seznama: lower-roman
- levi notranji odmik: 50 pik
- pisava: "Trebuchet MS", sans-serif
- barva pisave: #808080
- oblika pisave: nagnjeno
- neurejen seznam:
- slog seznama: slika jupiter.png
- levi notranji odmik: 50 pik
- pisava: "Trebuchet MS", sans-serif
- barva pisave: #808080
- oblika pisave: nagnjeno
