Spoznali bomo
- Kako s CSS elemente poravnamo na sredino po širini in višini
Izdelaj spletno stran, ki jo prikazuje spodnja slika in jo poimenuj: 18vaja-css-priimek-ime.html. Strani naj bodo izdelane v HTML5 in s CSS. Pazi na pravilno uporabo oznak in obliko zapisa kode.
CSS kodo vstavi v glavo spletne strani v oznako style.
Oblikovne lastnosti
- stran -
body:
- pisava: Georgia, serif
- ozadje:slika ozadje1.jpg
- zunanji okvir
section:
- velikost: širina 90 odstotkov
- barva ozadja: rgba(170,170,170,0.70)
- zaobljeni robovi: 5 pik
- notranji odmiki: 10 pik
- poravnava: na sredino
- glavni naslov
h1:
- barva pisave: #3b71dd
- velikost pisave: 150 odstotkov
- poravnava: na sredino
- podnaslov
h2:
- barva pisave: #f97706
- velikost pisave: 120 odstotkov
- spodnji zunanji odmik: 0 pik
- okvirji okrog besedila in slike:
- barva ozadja: rgba(170,170,170,0.80)
- notranji odmiki: 10 pik
- zaobljeni robovi: 5 pik
- besedilo 1. okvirja:
- poravnava: na sredino
- besedilo 2. okvirja in slike:
- poravnava: na sredino
- velikost: širina bloka besedila 300 pik
- Okvir z eno vrstico besedila:
- poravnava po višini: na sredino
- velikost: višina okvirja je 100 pik, višina vrstice je 100 pik
- Spodnji okvir:
- poravnava po višini: na sredino
- velikost: višina okvirja je 120 pik
- postavitev: celica tabele
- poravnava vsebine celice po višini: na sredino
