Tietokoneiden näyttöjä, joissa näkyy kuvaa automaatiolaboratorion laitteistosta. Monitoreiden takana näkyy sama laitteisto kuin kuvissa.

timohei.net / Opintojaksot / Aiemmin pitämäni opintojaksot / Internet-sovelluskehitys / 1. jakso: HTML, CSS / CSS-tehtävät /
Osa E: Numeeriset määrittelyt

Lue ensin alla olevat tehtävät. Silmäile sitten WWW-ohjelmointi Trainer Kit -kirjasta tyylisivuja käsittelevä luku 9 ja pistä merkille tehtäviin liittyvät kohdat. Tee sitten tehtävät käyttäen kirjaa hyväksi.

Sivujen CSS-rakenteen oikeellisuuden voi tarkistaa CSS Validator -sivun avulla.

Tehtävät

Tehtävät tehdään B-osassa luotuun tiedostoon BCD.html hakemistossa css-kokeilut.

  1. Kokeile fonttikoon määrittelyä eri pituusyksiköissä! Määrittele kaksi eri kokoa kustakin pituusyksiköstä, siis esimerkiksi sama teksti fonttikoossa 0.5cm ja 1.0cm, 0.2in ja 0.4in ja niin edelleen.
  2. Kokeile fonttikoon määrittelyä prosenteissa! Määrittele kaksi eri kokoa!
  3. Kokeile määrittää kaksi eri tekstiä mahdollisimman saman värisiksi niin, että ensimmäisen tekstin määrität värin nimellä (esim. "teal") ja toisen tekstin valitsemallasi RGB-koodilla!
  4. Vertaa muotoilujen näkymistä eri selaimilla!

Jätä sivu palvelimelle tarkistettavakseni.

Päivitetty 28.8.2022

<<  Edellinen
(6) Osa D: Listojen muotoilu
Sivu 7/7Takaisin ensimmäiseen >>
(1) CSS-tehtävät
© Timo Heikkinen | timo piste heikkinen at oamk piste fi