HTML5 - Arbeide med fonter - Del2

Skrifter som vi har sett i del 1 av denne opplæringen er en veldig subtil og effektiv måte å endre måten en side på HTML du skjønner, vi vet allerede hvordan vi skal bruke attributtet litt skrift, nå skal vi se de avanserte egenskapene for å fortsette å tilpasse dokumentene våre.
Jobber med skriftstørrelse
For å arbeide med skriftstørrelsen tillater CSS oss en rekke egenskaper og attributter som vi kan oppnå de effektene vi ønsker i vårt søk etter tilpasning av dokumentene våre.
Følgende attributter lar oss oppnå endring av størrelser.
xx-liten x-liten liten middels stor x-stor xx-stor: Configure fontstørrelsen, nettleseren er ansvarlig for å etablere den nøyaktige størrelsen på fontene, etter hvert som listen over alternativer utvikler seg, blir bokstaven i tekstblokken som egenskapen brukes til.
mindre større: Det fastslår størrelsen på skriften, størrelsen som oppnås er i forhold til det overordnede elementet.
La oss nå se i koden et eksempel på hvordan du bruker denne nye kunnskapen:

 Eksempel
Det er mange forskjellige frukttyper - det er over 500 varianter av bananer alene. Når vi legger til de utallige typer epler, appelsiner og annen kjent frukt, står vi overfor tusenvis av valg.

I denne koden bruker vi de to typene attributter den som er identifisert med id først vil ta en fast størrelse og identifikatoren med id sekund vil ta en større størrelse i forhold til sin overordnede beholder, la oss se hvordan det ser ut i nettleseren.

Etablere stil og vekt
Vekten på skriften tilsvarer tykkelsen på linjen som definerer bokstaven, dette kan endres med egenskapen font-vektPå den annen side lar stilen oss velge mellom normal tekst, kursiv eller også skråt, la oss se hvordan vi bruker dette i en kode, slik at vi kan gå direkte til praksis.

 Eksempel
Det er mange forskjellige frukttyper - det er over 500 varianter av bananer alene. Når vi legger til de utallige typer epler, appelsiner og annen kjent frukt, står vi overfor tusenvis av valg.

La oss nå se hvordan dette ser ut i nettleseren vår.

I koden, det vi gjorde var å plassere en seksjon i kursiv og en annen med fet eller fet skrift, det er en forskjell mellom kursiv og skrå, men på visuelt nivå er det noe som er ubetydelig for øyeblikket, vi kan også la den forskjellen være som skal undersøkes, og innholdet i denne opplæringen er friskt i tankene.Likte og hjalp du denne opplæringen?Du kan belønne forfatteren ved å trykke på denne knappen for å gi ham et positivt poeng