CSS-asettelu: nimet¶
Harjoitusohjeet¶
- Lataa ja pura harjoitusmalli paikalliseen hakemistoosi:
Tiedosto sisältää suuria nimitaulukoita, jotka on mukautettava tyylisivuilla.
Luo css-tiedosto nimeltä
style.css. Tiedoston on sijaittava samassa kansiossa kuinh3t2.html.Muokkaa tyylimäärityksiä niin, että taulukot näyttävät alla olevan kuvan mukaisilta:
- Automatisoitu tarkistaja 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, ruudukkoa (grid) 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.