Načrtovanje in razvoj spletnih aplikacij

05: Besedilo in ozadje

Spoznali bomo
  • Kako spletni strani dodamo barvo ozadja
  • Kako dodamo barvo ozadja odstavku besedila

Izdelaj spletno stran, ki jo prikazuje spodnja slika in jo poimenuj 5vaja-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 3.vajo iz poglavja HTML: 03: Urejeni odstavki.

CSS kodo vstavi v glavo spletne strani v oznako style.

Oblikovne lastnosti
  • barva ozadja:
- barva: #e6eff7
  • pisava besedila:
- besedilo: Cambria, "Times New Roman", serif
  • barva pisave:
- glavni naslov: rdeča
- besedilo: črna
- moder odstavek: bela
  • poravnava besedila:
- odstavki: obojestranska poravnava
  • oblika besedila odstavkov:
- zamik prve vrstice: 15 pik
  • oblika glavnega naslova:
- razmik črk: 8 pik
  • oblika odstavka blockquote:
- barva ozadja: #5592fc
- višina vrstice besedila: 1,3 kratnik velikosti pisave
  • velikost besedila:
- glavni naslov: privzeta velikost naslova h1
- besedilo odstavkov: 1,05 kratnik velikosti pisave
- besedilo modrih odstavkov: 0,9 kratnik velikosti pisave
  • podčrtava v glavnem naslovu:
- debelina črte: 1 pika
- tip črte: pikčasta črta
- barva črte: siva barva
  • odmiki:
- glej spodnjo sliko

Slika spletne strani v brskalniku
Slika vaje 05: Besedilo in ozadje