proprietăţile css

Domeniul imobilier MARIME-

Această funcție vă permite să specificați dimensiunea fontului utilizat. Acest lucru se poate face în mai multe moduri, dar ar trebui să aibă în vedere constrângerile pe care le implică pentru ei înșiși. Dar, mai întâi lucrurile primele.

După cum știți, în dimensiunea fontului HTML specificat ca element de dimensiune atribut FONT. Dimensiunea este specificată în termeni de numere de la 1 la 7. Valoarea implicită este 3.

Prima metodă este de a specifica dimensiunea fontului în CSS - cuvinte cheie, care sunt, de asemenea, cele șapte:

Când utilizați dimensiunea fontului de cuvinte cheie reală depinde de browserul și sistemul de operare. În caietul de sarcini CSS2 cu această ocazie doar a menționat următoarele: dimensiunea fontului mărire în browser-ul trebuie să fie 1.2. Prin urmare, în cazul în care, de exemplu, pentru dimensiunea medie a cuvintelor cheie este stabilit la 12 puncte pentru dimensiunea fontului mare de cuvinte cheie trebuie să fie de 14,4 puncte, adică De 1,2 ori mai mult. Trebuie remarcat faptul că, în acest raport specificație CSS1 a fost de 1,5. Cu toate acestea, experiența a arătat că această valoare este prea mare, astfel că a fost redus la 1,2. Browserele nu este respectat nici una, nici cealaltă valoare. Creșterea și scăderea fontul apare la un raport arbitrar, pe care fiecare are propriul browser-ul.

De exemplu, în Internet Explorer, valoarea corespunde de fapt, la dimensiunea fontului medie de 13,5 puncte. Prin urmare, pentru browser-ul regula:


va fi la fel. Dar, în dimensiunea fontului Mozilla browser-ul specificat folosind mediul de cuvinte cheie. Este deja egal cu 12 capete de acuzare. Sunt de acord, diferența este destul de semnificativă.

Notă. Toate cele de mai sus sugerează că, pentru a stabili dimensiunea fontului folosind cuvinte cheie este dificil din punctul de vedere al „monotonie“, codul de cartografiere în mai multe browsere. Prin urmare, pentru toate browserele de dimensiune au fost la fel, trebuie să utilizați a doua regulă sau dimensiunea punctului în valorile em.

Există două cuvinte-cheie pentru a defini dimensiunile relative: mai mici (dimensiunea fontului este redus cu unul) și mai mari (creșterile literei cu o mărime în raport cu elementul de bază). Prin urmare, în cazul în care dimensiunea elementului mamă a fost stabilit ca mediu. atunci când se specifică proprietatea font-size: mai mică va fi echivalentă cu mici. și când specificarea proprietății font-size: dimensiuni mai mari se va potrivi cu mari de cuvinte cheie.

Dimensiunea relativă font poate fi setat, iar procentul (a doua metodă).


Apoi, dimensiunea fontului citate va fi de 20% mai mare decât cea a elementului mamă. Același lucru se poate face prin specificarea dimensiunii fontului în unități em:

Avertizare. Vă rugăm să rețineți că doriți să folosiți punctul ca separator pentru a indica valori fracționare în CSS (.) Mai degrabă decât o virgulă (,) așa cum ne-am folosit pentru a. regulă:


nu va funcționa, din cauza punctului în sarcina de valori fracționare.

Al treilea mod de a specifica dimensiunea fontului - setați-o pentru orice unitate de lungime: pixeli, puncte, centimetri sau milimetri. De exemplu, vom defini valoarea de pixeli:

Această metodă este versatil cu punctul de vedere că acest tip de setare dimensiunea fontului va fi aceeași în fiecare browser-ul, care este foarte dificil de realizat atunci când se utilizează cuvinte cheie. Când setați dimensiunea în pixeli, trebuie amintit că este dimensiunea fontului și dimensiunea relativă va depinde de rezoluția ecranului.

De asemenea, trebuie amintit că, în HTML dimensiunea fontului implicit este 3. În CSS, această valoare este medie. și anume Aici, gama de dimensiuni este simetrică, în timp ce în HTML - nr. Aici există o discrepanță, dar nu este determinant. Odată cu instalarea dimensiunea fontului sunt mult mai interesante momente - cum ar fi un font de dimensiuni asimetrie specificate de cuvântul cheie. Dar ele pot fi eliminate. Cum acest lucru poate fi făcut, veți afla în următoarele secțiuni.

Pentru comparație, metoda de a specifica dimensiunea fontului folosind CSS și numai HTML

Setarea textului hfpvthf in HTML si CSS