Fonttien Ominaisuuksien Ymmärtäminen ja Käyttö
Tässä ovat yleisimmät CSS-ominaisuudet fonttien muotoiluun:
selector {
font-family: 'Montserrat' | 'Oswald' | 'Lato' |...; /* any font family */
font-size: 12px | 0.5em | 0.8rem |...; /* it can be any value in px/em/rem units */
font-weight: 400 | 500 | 700 | 900 |...; /* value 100 - 900 */
font-style: normal | italic | oblique; /* only these values available */
}
Kaikissa esimerkeissä käytetään samaa tekstiä havainnollistamaan, miten nämä ominaisuudet muuttavat ulkoasua.
font-family
Määrittää tekstin näyttämiseen käytettävän kirjasintyypin. Voit asettaa yhden fontin tai pilkuilla erotellun listan varafonteista.
font-size
Määrittää tekstin koon. px: kiinteä koko. em/rem: koko suhteessa vanhempaan tai juurielementtiin.
font-weight
Määrittää tekstin paksuuden. Numeeriset arvot: 100–900. Avainsanat: normal, bold, lighter.
font-style
Määrittää tekstin tyylin: normal, italic tai oblique.
Pseudoluokka ::first-letter
::first-letter kohdistaa elementin (yleensä kappaleen tai otsikon) ensimmäiseen kirjaimeen, mahdollistaen koristeelliset tai tyylitellyt tehosteet.
selector::first-letter {
/* some styles */
}
Tarkastellaan seuraavaa esimerkkiä nähdäksesi, miten se toimii.
index.html
styles.css
font-family määrittää fontin ja varavaihtoehdot.
font-size säätää tekstin kokoa px-, em- tai rem-yksiköissä.
font-weight säätää paksuutta numeroilla tai avainsanoilla.
font-style muuttaa fontin tyyliä.
::first-letter muotoilee tekstilohkon ensimmäisen kirjaimen.
1. Mikä ominaisuus määrittää fontin paksuuden?
2. Mikä on CSS:n font-style-ominaisuuden oletusarvo?
Kiitos palautteestasi!
Kysy tekoälyä
Kysy tekoälyä
Kysy mitä tahansa tai kokeile jotakin ehdotetuista kysymyksistä aloittaaksesi keskustelumme
Mahtavaa!
Completion arvosana parantunut arvoon 2.56Fonttien Ominaisuuksien Ymmärtäminen ja Käyttö
Pyyhkäise näyttääksesi valikon
Tässä ovat yleisimmät CSS-ominaisuudet fonttien muotoiluun:
selector {
font-family: 'Montserrat' | 'Oswald' | 'Lato' |...; /* any font family */
font-size: 12px | 0.5em | 0.8rem |...; /* it can be any value in px/em/rem units */
font-weight: 400 | 500 | 700 | 900 |...; /* value 100 - 900 */
font-style: normal | italic | oblique; /* only these values available */
}
Kaikissa esimerkeissä käytetään samaa tekstiä havainnollistamaan, miten nämä ominaisuudet muuttavat ulkoasua.
font-family
Määrittää tekstin näyttämiseen käytettävän kirjasintyypin. Voit asettaa yhden fontin tai pilkuilla erotellun listan varafonteista.
font-size
Määrittää tekstin koon. px: kiinteä koko. em/rem: koko suhteessa vanhempaan tai juurielementtiin.
font-weight
Määrittää tekstin paksuuden. Numeeriset arvot: 100–900. Avainsanat: normal, bold, lighter.
font-style
Määrittää tekstin tyylin: normal, italic tai oblique.
Pseudoluokka ::first-letter
::first-letter kohdistaa elementin (yleensä kappaleen tai otsikon) ensimmäiseen kirjaimeen, mahdollistaen koristeelliset tai tyylitellyt tehosteet.
selector::first-letter {
/* some styles */
}
Tarkastellaan seuraavaa esimerkkiä nähdäksesi, miten se toimii.
index.html
styles.css
font-family määrittää fontin ja varavaihtoehdot.
font-size säätää tekstin kokoa px-, em- tai rem-yksiköissä.
font-weight säätää paksuutta numeroilla tai avainsanoilla.
font-style muuttaa fontin tyyliä.
::first-letter muotoilee tekstilohkon ensimmäisen kirjaimen.
1. Mikä ominaisuus määrittää fontin paksuuden?
2. Mikä on CSS:n font-style-ominaisuuden oletusarvo?
Kiitos palautteestasi!
