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
Can you show an example of using the ::first-letter pseudo-class?
What are some common use cases for ::first-letter in web design?
Can you explain the difference between font-style italic and oblique?
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!
