Forståelse og Bruk av Font-Egenskaper
Her er de vanligste CSS-egenskapene som brukes for å style skrifttyper:
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 */
}
Alle eksempler bruker den samme teksten for å vise hvordan disse egenskapene endrer utseendet.
font-family
Definerer skrifttypen som brukes til å vise tekst. Du kan angi én skrifttype eller en liste med reservefonter adskilt med komma.
font-size
Styrer størrelsen på teksten. px: fast størrelse. em/rem: størrelse relativt til foreldre- eller rotnoden.
font-weight
Styrer tykkelsen på teksten. Numeriske verdier: 100–900. Nøkkelord: normal, bold, lighter.
font-style
Angir stilen på teksten: normal, italic eller oblique.
Pseudo-klasse ::first-letter
::first-letter retter seg mot den første bokstaven i et element (vanligvis et avsnitt eller en overskrift), og muliggjør dekorative eller stiliserte effekter.
selector::first-letter {
/* some styles */
}
Kjør neste eksempel for å se hvordan det fungerer.
index.html
styles.css
font-family angir skrifttype og reservevalg.
font-size styrer tekststørrelse i px, em eller rem.
font-weight justerer tykkelse med tall eller nøkkelord.
font-style endrer skrifttypestil.
::first-letter styler den første bokstaven i en tekstblokk.
1. Hvilken egenskap bestemmer tykkelsen på skrifttypen?
2. Hva er standardverdien for font-style-egenskapen i CSS?
Takk for tilbakemeldingene dine!
Spør AI
Spør AI
Spør om hva du vil, eller prøv ett av de foreslåtte spørsmålene for å starte chatten vår
Fantastisk!
Completion rate forbedret til 2.56
Forståelse og Bruk av Font-Egenskaper
Sveip for å vise menyen
Her er de vanligste CSS-egenskapene som brukes for å style skrifttyper:
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 */
}
Alle eksempler bruker den samme teksten for å vise hvordan disse egenskapene endrer utseendet.
font-family
Definerer skrifttypen som brukes til å vise tekst. Du kan angi én skrifttype eller en liste med reservefonter adskilt med komma.
font-size
Styrer størrelsen på teksten. px: fast størrelse. em/rem: størrelse relativt til foreldre- eller rotnoden.
font-weight
Styrer tykkelsen på teksten. Numeriske verdier: 100–900. Nøkkelord: normal, bold, lighter.
font-style
Angir stilen på teksten: normal, italic eller oblique.
Pseudo-klasse ::first-letter
::first-letter retter seg mot den første bokstaven i et element (vanligvis et avsnitt eller en overskrift), og muliggjør dekorative eller stiliserte effekter.
selector::first-letter {
/* some styles */
}
Kjør neste eksempel for å se hvordan det fungerer.
index.html
styles.css
font-family angir skrifttype og reservevalg.
font-size styrer tekststørrelse i px, em eller rem.
font-weight justerer tykkelse med tall eller nøkkelord.
font-style endrer skrifttypestil.
::first-letter styler den første bokstaven i en tekstblokk.
1. Hvilken egenskap bestemmer tykkelsen på skrifttypen?
2. Hva er standardverdien for font-style-egenskapen i CSS?
Takk for tilbakemeldingene dine!