Sadržaj
Fontovi kao što smo vidjeli u prvom dijelu ovog vodiča vrlo su suptilan i učinkovit način za promjenu načina na koji stranica HTML vidite, već znamo pomalo koristiti atribut font, sada ćemo vidjeti napredna svojstva za nastavak prilagođavanja naših dokumenata.Rad s veličinom fonta
Kako bismo radili s veličinom fontova, CSS nam dopušta niz svojstava i atributa pomoću kojih možemo postići željene učinke u našoj potrazi za prilagodbom naših dokumenata.
Sljedeći atributi omogućuju nam promjenu veličina.
xx-mali x-mali mali srednji veliki x-veliki xx-veliki: Cna slici veličine fonta, preglednik je odgovoran za utvrđivanje točne veličine fontova, kako popis opcija napreduje, slovo tekstualnog bloka na koji se svojstvo primjenjuje postaje veće.
manji veći: Određuje veličinu fonta, dobivena veličina je u odnosu na roditeljski element.
Pogledajmo sada u kodu primjer kako primijeniti ovo novo znanje:
PrimjerPostoji mnogo različitih vrsta voća - samo preko 500 vrsta banana postoji. Dok dodamo bezbroj vrsta jabuka, naranči i drugog dobro poznatog voća, suočeni smo s tisućama izbora.
U ovom kodu koristimo dvije vrste atributa, onu identificiranu s id -om prvi će uzeti fiksnu veličinu i identifikator s ID -om drugi će uzeti veću veličinu u odnosu na roditeljski spremnik, da vidimo kako to izgleda u pregledniku.
Određivanje stila i težine
Težina fonta odgovara debljini crte koja definira slovo, to se može promijeniti s svojstvom font-weightS druge strane, stil nam omogućuje odabir između normalnog teksta, u kurzivu ili također ukoso, da vidimo kako to koristimo u kodu kako bismo mogli izravno pristupiti vježbi.
PrimjerPostoji mnogo različitih vrsta voća - samo preko 500 vrsta banana postoji. Dok dodamo bezbroj vrsta jabuka, naranči i drugog dobro poznatog voća, suočeni smo s tisućama izbora.
Pogledajmo sada kako to izgleda u našem pregledniku.
U kodu je ono što smo učinili bilo stavljanje odjeljka u kurzivu, a drugog podebljano ili podebljano, postoji razlika između kurziva i zareza, međutim na vizualnoj razini to je nešto što je u ovom trenutku zanemarivo, tu razliku također možemo ostaviti treba istražiti pa je sadržaj ovog vodiča svjež na umu.Je li vam se svidio i pomogao ovaj vodič?Autor možete nagraditi pritiskom na ovaj gumb kako biste mu dali pozitivan bod
