CSS-asettelu: nimet¶

Harjoitusohjeet¶

Lataa ja pura mallitiedostot paikalliseen hakemistoosi:

Tiedosto sisältää suuria nimitaulukoita, jotka on mukautettava tyyleillä.

Luo css-tiedosto nimeltä style.css. Tiedoston on sijaittava samassa kansiossa kuin h3t2.html.
Muokkaa tyylimäärityksiä niin, että taulukot näyttävät alla olevan kuvan mukaisilta:

Auto-grader varmistaa, että:

Navigointielementti on värillinen palkki (blueviolet)
Linkit ovat värillisiä painikkeita (darkviolet), joissa on pyöristetyt kulmat.
Taulukon sarakkeiden otsikot erottuvat visuaalisesti muusta taulukosta, eli taustaväri on darkblue ja fontti lihavoitu ja suurempi kuin missään muualla taulukossa.
Taulukoissa joka toinen rivi on värillinen, tarkemmin sanottuna parilliset rivit ovat tummempia (#ccc) kuin parittomat rivit, jotta taulukon rivit ovat helpommin luettavissa.
Elementit (otsikot, navigointielementit ja taulukot) on keskitetty. (Voit käyttää flexboxia, gridiä tai marginaaleja elementtien keskittämiseen.)
Elementtien on pysyttävä keskellä, vaikka sivun leveys muuttuisi.

HUOM! Alkuperäisen html-tiedoston muuttaminen ei ole sallittua.

Muiden kuin mainittujen tyylimäärittelyjen muuttaminen on kuitenkin sallittua.

A+ esittää tässä kohdassa tehtävän palautuslomakkeen.