HTML5 - Arbeta med teckensnitt - Del2

Teckensnitt som vi har sett i del 1 i denna handledning är ett mycket subtilt och effektivt sätt att ändra sättet på en sida HTML du ser, vi vet redan hur man använder attributet lite font, nu ska vi se de avancerade egenskaperna för att fortsätta anpassa våra dokument.
Arbetar med teckenstorlek
För att arbeta med teckensnittets storlek tillåter CSS oss ett antal egenskaper och attribut som vi kan uppnå de effekter vi vill ha i vårt sökande efter anpassning av våra dokument.
Följande attribut gör det möjligt för oss att uppnå storleksändring.
xx-liten x-liten liten medelstor x-stor xx-stor: Configure storleken på teckensnittet, är webbläsaren ansvarig för att fastställa den exakta storleken på teckensnitt, eftersom listan över alternativ fortskrider, blir bokstaven i textblocket som egenskapen tillämpas blir större..
mindre större: Det fastställer storleken på teckensnittet, storleken som erhålls är i förhållande till det överordnade elementet.
Låt oss nu se i koden ett exempel på hur du tillämpar denna nya kunskap:

 Exempel
Det finns massor av olika sorters frukt - det finns över 500 banansorter ensamma. När vi lägger till de otaliga typerna av äpplen, apelsiner och annan välkänd frukt står vi inför tusentals val.

I denna kod använder vi de två typerna av attribut, den som identifieras med id: t först tar en fast storlek och identifieraren med id andra kommer att ta en större storlek i förhållande till sin överordnade behållare, låt oss se hur det ser ut i webbläsaren.

Fastställande av stil och vikt
Teckensnittets vikt motsvarar tjockleken på raden som definierar bokstaven, detta kan ändras med egenskapen font-viktÅ andra sidan tillåter stilen oss att välja mellan normal text, kursiv eller snett, låt oss se hur vi använder detta i en kod så att vi kan gå direkt till träningen.

 Exempel
Det finns massor av olika sorters frukt - det finns över 500 banansorter ensamma. När vi lägger till de otaliga typerna av äpplen, apelsiner och annan välkänd frukt står vi inför tusentals val.

Låt oss nu se hur detta ser ut i vår webbläsare.

I koden, det vi gjorde var att placera en sektion i kursiv och en annan med fet eller fet stil, det är en skillnad mellan kursiv och sned, men på en visuell nivå är det något som är försumbart för tillfället, vi kan också lämna den skillnaden att undersökas och innehållet i denna handledning är friskt i åtanke.Gillade du och hjälpte denna handledning?Du kan belöna författaren genom att trycka på den här knappen för att ge honom en positiv poäng