HTML5 - Darbs ar fontiem - 2. daļa

Satura rādītājs
Fonti, kā mēs redzējām šīs apmācības 1. daļā, ir ļoti smalks un efektīvs veids, kā mainīt lapas veidu HTML redzat, mēs jau zinām, kā mazliet izmantot atribūtu fontu, tagad mēs redzēsim uzlabotos rekvizītus, lai turpinātu pielāgot savus dokumentus.
Darbs ar fonta lielumu
Lai strādātu ar fontu lielumu, CSS ļauj mums izmantot vairākas īpašības un atribūtus, ar kuriem mēs varam sasniegt vēlamos efektus, meklējot mūsu dokumentu pielāgošanu.
Tālāk minētie atribūti ļauj mums mainīt izmērus.
xx-mazs x-mazs mazs vidējs liels x-liels xx-liels: Cja ir norādīts fonta lielums, pārlūkprogramma ir atbildīga par precīzu fontu lieluma noteikšanu, jo, paplašinoties opciju sarakstam, teksta bloka burts, kuram tiek lietots īpašums, kļūst lielāks.
mazāks lielāks: Tas nosaka fonta lielumu un iegūto lielumu attiecībā pret vecāku elementu.
Tagad kodā aplūkosim piemēru, kā pielietot šīs jaunās zināšanas:
 Piemērs

Ir daudz dažādu augļu veidu - vien ir vairāk nekā 500 banānu šķirņu. Kad mēs pievienojam neskaitāmus ābolu, apelsīnu un citu plaši pazīstamu augļu veidus, mēs esam tūkstošiem izvēles priekšā.


Šajā kodā mēs izmantojam divu veidu atribūtus, kas identificēti ar id pirmais ņems fiksētu izmēru un identifikatoru ar id otrais ņems lielāku izmēru salīdzinājumā ar galveno konteineru, redzēsim, kā tas izskatās pārlūkprogrammā.

Stila un stila noteikšana
Fonta svars atbilst līnijas biezumam, kas nosaka burtu, to var mainīt ar īpašību fontu svarsNo otras puses, stils ļauj izvēlēties starp parasto tekstu, slīprakstā vai arī slīpi, redzēsim, kā mēs to izmantojam kodā, lai mēs varētu doties tieši uz praksi.
 Piemērs

Ir daudz dažādu augļu veidu - vien ir vairāk nekā 500 banānu šķirņu. Kad mēs pievienojam neskaitāmus ābolu, apelsīnu un citu plaši pazīstamu augļu veidus, mēs esam tūkstošiem izvēles priekšā.


Tagad redzēsim, kā tas izskatās mūsu pārlūkprogrammā.

Kodā mēs ievietojām sadaļu slīprakstā un otru treknrakstā vai treknrakstā, ir atšķirība starp slīprakstu un slīpi, tomēr vizuālā līmenī tas šobrīd ir niecīgs, mēs varam arī atstāt šo atšķirību jāizpēta, un tāpēc šīs apmācības saturs ir svaigā prātā.Vai jums patika šī apmācība un palīdzējāt tai?Jūs varat apbalvot autoru, nospiežot šo pogu, lai sniegtu viņam pozitīvu punktu

Jums palīdzēs attīstību vietā, daloties lapu ar draugiem

wave wave wave wave wave