Cuprins
Fonturile așa cum am văzut în partea 1 a acestui tutorial sunt un mod foarte subtil și eficient de a schimba modul în care o pagină HTML vezi, știm deja cum să folosim puțin atributul font, acum vom vedea proprietățile avansate pentru a continua personalizarea documentelor noastre.Lucrul cu dimensiunea fontului
Pentru a lucra cu dimensiunea fonturilor, CSS ne permite o serie de proprietăți și atribute cu care putem realiza efectele dorite în căutarea personalizării documentelor noastre.
Următoarele atribute ne permit să realizăm schimbarea dimensiunilor.
xx-mic x-mic mic mediu mare x-mare xx-mare: Cla configurarea dimensiunii fontului, browserul este responsabil pentru stabilirea dimensiunii exacte a fonturilor, pe măsură ce lista de opțiuni progresează, litera blocului de text la care este aplicată proprietatea devine mai mare.
mai mic mai mare: Stabilește dimensiunea fontului, dimensiunea obținută este relativă la elementul părinte.
Acum, să vedem în cod un exemplu despre cum să aplicăm aceste noi cunoștințe:
ExempluExistă o mulțime de feluri diferite de fructe - există peste 500 de soiuri de banane numai. Până când adăugăm nenumăratele tipuri de mere, portocale și alte fructe cunoscute, ne confruntăm cu mii de alegeri.
În acest cod folosim cele două tipuri de atribute, cel identificat cu id-ul primul va lua o dimensiune fixă și identificatorul cu id-ul al doilea va lua o dimensiune mai mare în raport cu containerul părinte, să vedem cum arată în browser.
Stabilirea stilului și a greutății
Greutatea fontului corespunde grosimii liniei care definește litera, aceasta putând fi modificată cu proprietatea grosimea fontuluiPe de altă parte, stilul ne permite să selectăm între text normal, cu caractere cursive sau, de asemenea, cu oblic, să vedem cum folosim acest lucru într-un cod, astfel încât să putem merge direct la practică.
ExempluExistă o mulțime de feluri diferite de fructe - există peste 500 de soiuri de banane numai. Până când adăugăm nenumăratele tipuri de mere, portocale și alte fructe cunoscute, ne confruntăm cu mii de alegeri.
Acum să vedem cum arată acest lucru în browserul nostru.
În cod, ceea ce am făcut a fost să plasăm o secțiune în italice și alta în bold sau bold, există o diferență între italice și oblice, cu toate acestea la nivel vizual este ceva neglijabil în acest moment, putem lăsa și această diferență să fie investigat și astfel conținutul acestui tutorial este în minte.V-a plăcut și ați ajutat acest tutorial?Puteți recompensa autorul apăsând acest buton pentru a-i oferi un punct pozitiv
