Schimba dimensiunea textului css-stiluri

Schimba dimensiunea textului css-stiluri

Vă urez bun venit la site-ul Web-Impuls!

Adăugarea la paginile un text, ne vom confrunta cu necesitatea de înregistrare a textului, în conformitate cu designul general. Unul dintre principalii parametri care afectează lizibilitatea și percepția textului, este dimensiunea sa.

În acest articol vreau să vorbesc cu tine despre modul în care puteți schimba dimensiunea textului css-proprietăți, și care unitățile pot fi folosite în acest scop.

Navigarea articol:

Cum de a schimba dimensiunea CSS de text-stiluri

Pentru a modifica setările în foaia de stil css există o proprietate de specialitate font-size, utilizând care puteți specifica dimensiunea textului css-stiluri, în orice convenabil pentru tine de unități. Astfel, este posibil să se utilizeze unitatea de absolută și relativă a măsurării.

Când specificați parametrul în unități absolute, valoarea sa nu va fi modificată în raport cu valoarea elementului mamă.

Aceste unități de măsură includ:

În plus, puteți utiliza cuvinte cheie:

Cea mai comună unitate de măsură absolută este pixel font (px). Toate celelalte unități sunt rar folosite, dar poate doriți să le utilizați.

Atunci când se utilizează unități relative, cum ar fi:%. em. rem. dimensiunea fontului în CSS va fi calculată în raport cu elementul de bază.

Aceasta este, prin schimbarea fontului în blocul de font părinte, de asemenea, va crește sau descrește.

Puteți utiliza unitățile de măsură, cum ar fi:

În plus, după cum puteți specifica dimensiunea fontului CSS cuvinte cheie în termeni relativi: mai mari, mai mici.

Atunci când se utilizează un astfel de proprietăți CSS font este mai mare decât în ​​unitatea părinte.

Atunci când se utilizează mai mici - fontul este mai mic decât unitatea de bază.

Cum de a schimba dimensiunea textului în HTML

Dacă aveți nevoie pentru a selecta un cuvânt sau bloc de text, atunci, desigur, cel mai simplu este de a face într-un cod html folosind atributul de stil.

Așa cum va arăta ca următorul exemplu:

Modificați dimensiunea fontului în CSS

Acum, știind capacitățile css-proprietate, îl puteți folosi în funcție de situație, și pentru a atinge exact rezultatul pe care îl doriți.

De exemplu, puteți utiliza unități relative în adaptarea pentru dispozitive mobile, iar textul va scădea odată cu scăderea lățimea ecranului. Este mult mai ușor decât pentru a cere diferite dimensiuni rezoluții font css-proprietăți în pixeli.

articole similare