CSS-ominaisuuksien tuen tarkistus

CSS:ssä on melko vanhoja ominaisuuksia, joiden tuki on kaikissa selaimissa, ja on uusia ominaisuuksia, joita tuetaan vain uusimmissa selaimissa, eikä edes kaikissa.

Verkkosivujen luonnissa sinun on tehtävä päätös siitä, voidaanko kyseistä ominaisuutta jo käyttää. Tätä varten on olemassa erityinen sääntö: jos ominaisuuden tuki puuttuu selaimista, joita käyttää vähemmän kuin yksi prosentti käyttäjistä, ominaisuutta voi käyttää.

Tässä on kuitenkin vivahteita. Onhan olemassa ominaisuuksia, joiden tuen puuttuminen johtaa verkkosivuston asettuman hajoamiseen, esimerkiksi flexboxit. Ja on ominaisuuksia, joiden toimivuus ei ole erityisen kriittinen. Oletetaan, että toimimattomat tavutukset hyphens eivät tee verkkosivustosta paljoa huonompaa.

Ominaisuuden tuen tarkistamiseksi selaimissa on käytettävä palvelua caniuse.com. Se näyttää ominaisuuden tuen jokaisessa versiossa kaikista selaimista sekä käyttäjäprosentin, joka käyttää kumpaakin versiota.

Nämä tiedot antavat sinulle perusteen arvioida, voidaanko jotain ominaisuutta jo käyttää. Myös jotkut ominaisuudet voivat edelleen olla vendor-etuliitteillä joissakin selainversioissa, joita käyttäjät vielä käyttävät. Sinun tulee myös kiinnittää huomiota tähän.

Задание 1

Esitä esimerkkejä ominaisuuksista, joiden tuki on kriittinen.

Задание 2

Esitä esimerkkejä ominaisuuksista, joiden tuki ei ole kriittinen.

Задание 3

Tarkista ominaisuuden box-sizing tuki. Voiko sitä jo käyttää?

Задание 4

Tarkista ominaisuuden hyphens tuki. Voiko sitä jo käyttää?

Задание 5

Tarkista ominaisuuden animation tuki. Voiko sitä jo käyttää?

Задание 6

Tarkista ominaisuuden flex tuki. Voiko sitä jo käyttää?

Задание 7

Tarkista ominaisuuden grid tuki. Voiko sitä jo käyttää?