Indholdsfortegnelse
Skrifttyper, som vi har set i del 1 i denne vejledning, er en meget subtil og effektiv måde at ændre måden, en side på HTML du ser, vi ved allerede, hvordan vi bruger attributten lidt skrifttype, nu skal vi se de avancerede egenskaber for at fortsætte med at tilpasse vores dokumenter.Arbejde med skriftstørrelse
For at arbejde med skrifttypernes størrelse giver CSS os en række egenskaber og attributter, som vi kan opnå de effekter, vi ønsker i vores søgen efter tilpasning af vores dokumenter.
Følgende attributter giver os mulighed for at opnå størrelsesændringen.
xx-lille x-lille lille mellemstor x-stor xx-stor: Configure fontstørrelsen, er browseren ansvarlig for at fastslå skrifttypernes nøjagtige størrelse, efterhånden som listen over muligheder skrider frem, bliver bogstavet i den tekstblok, som egenskaben anvendes på..
mindre større: Det fastslår skrifttypens størrelse, den opnåede størrelse er i forhold til det overordnede element.
Lad os nu se et eksempel på, hvordan du anvender denne nye viden i koden:
EksempelDer er masser af forskellige slags frugt - der er over 500 sorter bananer alene. Når vi tilføjer de utallige typer æbler, appelsiner og andre velkendte frugter, står vi over for tusindvis af valgmuligheder.
I denne kode bruger vi de to typer attributter, den der er identificeret med id'et først tager en fast størrelse og identifikatoren med id'et anden vil tage en større størrelse i forhold til sin overordnede container, lad os se, hvordan det ser ud i browseren.
Fastlæggelse af stil og vægt
Fontens vægt svarer til tykkelsen på den linje, der definerer bogstavet, dette kan ændres med egenskaben skrifttype-vægtPå den anden side giver stilen os mulighed for at vælge mellem normal tekst, kursiv eller også skråt, lad os se, hvordan vi bruger dette i en kode, så vi kan gå direkte til øvelse.
EksempelDer er masser af forskellige slags frugt - der er over 500 sorter bananer alene. Når vi tilføjer de utallige typer æbler, appelsiner og andre velkendte frugter, står vi over for tusindvis af valgmuligheder.
Lad os nu se, hvordan dette ser ud i vores browser.
I koden var det, vi gjorde, at placere et afsnit med kursiv og en anden med fed eller fed skrift, der er en forskel mellem kursiv og skrå, men på et visuelt niveau er det noget, der er ubetydeligt i øjeblikket, vi kan også forlade den forskel der skal undersøges, og derfor er indholdet af denne vejledning frisk i tankerne.Kan du lide og hjælpe denne vejledning?Du kan belønne forfatteren ved at trykke på denne knap for at give ham et positivt punkt
