Vaja 1 CSS

[et_pb_section bb_built=”1″ admin_label=”section”][et_pb_row admin_label=”row”][et_pb_column type=”4_4″][et_pb_text admin_label=”Text”]

Navodilo

Izdelaj CSS predlogo, ki bo spremenila izgled, že narejeni spletni strani v HTML kodi. CSS predlogo shrani v mapo CSS Vaje pod imenom vaja1.css. Narejena spletna stran ima že vstavljen “link” do CSS predloge. Da bo spletna stran upoštevala vse kar je zapisano v CSS predlogi bo potrebno tudi v HTML kodi narediti manjše spremembe ali dopolnitve.

HTML KODA

HTML kodo strani kopiraj in prilepi v Notepad++. Stran shrani v mapo CSS Vaje pod imenom vaja1.html.

s1

CSS predloga naj izgled zgornje spletne strani spremeni v spodnji.

s1u

Pomoč

V CSS predlogi moraš določiti lastnosti in vrednosti naslednjim selektorjem: div, h3 in p.
Lastnosti, ki jih moraš določiti posameznim selektorjem so: width, margin, padding, border, color, text-decoration in text-align.
Katera lastnost sodi h kateremu selektorju moraš ugotoviti sam.
Pomagaj si s spletno stranjo w3schools.com.

DODATNA NAVODILA:

  • Širina bloka naj bo 370 pik.
  • Odmik od roba naj bo 50 pik.
  • Odmik okoli besedila naj bo: zgoraj-spodaj 10 pik in levo-desno 30 pik.
  • Obroba naj bo debela 1 piko in zelene barve.
  • Vse ostalo pa je razvidno iz končnega izgleda stran.

[/et_pb_text][/et_pb_column][/et_pb_row][/et_pb_section]