Vaja 2 CSS

Izdelaj CSS predlogo, ki bo spremenila izgled, že narejeni spletni strani v HTML kodi. CSS predlogo shrani v mapo CSS Vaje pod imenom vaja2.css. Narejen 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.

S klikom na sliko rešitve se ta poveča.

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

V CSS predlogi moraš določiti lastnosti in vrednosti naslednjim selektorjem: h3, table, th, tr in td. Pri tem moraš uporabiti en psevdo razred – last-child (td) in en razred (tr).

Lastnosti, ki jih moraš določiti posameznim selektorjem so: font-size, text-align, width, margin, padding, border, color, border-collapse, in background-color.

Katera lastnost sodi h kateremu selektorju moraš ugotoviti sam.

Pomagaj si s spletno stranjo w3schools.com.

• Širina tabele naj bo 400 pik.
• Odmik od roba naj bo 30 pik.
• Odmik okoli besedila naj bo: zgoraj-spodaj 10 pik in levo-desno 20 pik.
• Obroba naj bo debela 1 piko in rdeče barve.
• Številke v drugem stolpcu naj bodo poravnane na desno stran (uporabiš psevdo razred).
• Besedilo v glavi tabele naj bo sredinsko poravnano.
• Besedilo v glavi naj bo od roba oddaljeno 5 pik.
• Besedilo naslova naj bo veliko 30 pik, besedilo v glavi 22 pik in vse ostalo 18 pik.
• Vrstice naj bodo obarvane izmenično siva-bela (uporabiš razred).
• Vse ostalo pa je razvidno iz končnega izgleda stran.