Inhoudsopgave
Lettertypen zoals we in deel 1 van deze zelfstudie hebben gezien, zijn een zeer subtiele en effectieve manier om de manier waarop een pagina wordt veranderd te veranderen HTML zie je, we weten al een beetje hoe we het attribuut moeten gebruiken lettertype, nu gaan we de geavanceerde eigenschappen zien om door te gaan met het aanpassen van onze documenten.Werken met lettergrootte
Om te werken met de grootte van de lettertypen, biedt CSS ons een aantal eigenschappen en attributen waarmee we de effecten kunnen bereiken die we willen in onze zoektocht naar het aanpassen van onze documenten.
De volgende kenmerken stellen ons in staat om de verandering van maten te realiseren.
xx-small x-small small medium large x-large xx-large: CAls u de grootte van het lettertype instelt, is de browser verantwoordelijk voor het bepalen van de exacte grootte van de lettertypen, naarmate de lijst met opties vordert, wordt de letter van het tekstblok waarop de eigenschap wordt toegepast groter. .
kleiner groter: Het bepaalt de grootte van het lettertype, de grootte die wordt verkregen is relatief ten opzichte van het bovenliggende element.
Laten we nu in code een voorbeeld bekijken van hoe we deze nieuwe kennis kunnen toepassen:
VoorbeeldEr zijn veel verschillende soorten fruit - er zijn alleen al meer dan 500 soorten bananen. Tegen de tijd dat we de talloze soorten appels, sinaasappels en ander bekend fruit toevoegen, staan we voor duizenden keuzes.
In deze code gebruiken we de twee soorten attributen die geïdentificeerd worden met de id eerst zal een vaste grootte aannemen en de identifier met de id tweede zal een groter formaat nemen ten opzichte van de bovenliggende container, laten we eens kijken hoe het eruit ziet in de browser.
De stijl en het gewicht bepalen
Het gewicht van het lettertype komt overeen met de dikte van de lijn die de letter definieert, dit kan worden gewijzigd met de eigenschap lettertype dikteAan de andere kant stelt de stijl ons in staat om te kiezen tussen normale tekst, cursief of ook schuin, laten we eens kijken hoe we dit in een code gebruiken, zodat we direct kunnen oefenen.
VoorbeeldEr zijn veel verschillende soorten fruit - er zijn alleen al meer dan 500 soorten bananen. Tegen de tijd dat we de talloze soorten appels, sinaasappels en ander bekend fruit toevoegen, staan we voor duizenden keuzes.
Laten we nu eens kijken hoe dit eruit ziet in onze browser.
In de code hebben we een sectie cursief en een andere vet of vet geplaatst, er is een verschil tussen cursief en schuin, maar op visueel niveau is het iets dat op dit moment verwaarloosbaar is, we kunnen dat verschil ook laten staan worden onderzocht en dus is de inhoud van deze tutorial vers in het geheugen.Vond je deze tutorial leuk en hielp je hem?Je kunt de auteur belonen door op deze knop te drukken om hem een positief punt te geven
