Fonturi și text în css

Acum vom discuta despre modul în care să lucreze cu fonturi și text în CSS.

Desigur, este necesar ca în oricare dintre blocuri de text a fost o anumită culoare, sau că el a fost îndrăzneț. Uneori doriți să atribuiți unui anumit tip de unitate și de dimensiunea fontului, culoarea textului, și alți parametri. Toate acestea se poate face cu CSS. Pentru a începe, să se ocupe de un singur lucru. Proprietățile de text CSS pot fi atribuite în două moduri: pe baza blocului și pe baza etichetei (acest lucru nu este un termen oficial, iar mea acestea sunt ușor de reținut).

Alocarea de proprietăți CSS pe baza blocului de text este același ca și celelalte proprietăți ale regulii de atribuire pentru un bloc este înregistrat cu un număr de proprietăți relevante ale valorilor dorite:

Atribuirea de proprietăți de text CSS pe baza tag-ul se realizează un pic diferit. Acordați atenție la prima regulă în fișierul style.css:

Cum se setează tipul de font în CSS

În mod implicit, dacă nu specificați tipul de font, browser-ul afișează conținutul text de tip bloc Times New Roman. Cu toate acestea, putem schimba acest curs de evenimente și setați tipul de font independent.

Să atribuie tipul de font pentru blocul de conținut din zona adăuga funcția selectată:

Notă o caracteristică: dacă tastați numele fontului constă dintr-un singur cuvânt, este scris fara ghilimele. În cazul în care este format din două sau mai multe cuvinte, atunci trebuie să scrie în ghilimele simple (poți și dublu):

Este posibil să se organizeze suport pentru mai multe tipuri de fonturi pe care trebuie să faceți pentru a le stabili în CSS, lista separate prin virgulă:

Cu acest lucru clar. Dă-i drumul.

Cum se setează dimensiunea fontului în CSS

Pentru a seta dimensiunea fontului în CSS, avem nevoie pentru a intra într-o proprietate regula font-size la valoarea dorită:

Stoca și a vizualiza pagina noastră în dimensiunea fontului browser-ul a fost schimbat la 12 pixeli. Cum de a face cu caractere aldine în CSS
De asemenea, este foarte ușor. Completați proprietatea font-weight setată la caractere aldine:

După cum puteți vedea, după adăugarea acestei proprietăți în fontul CSS este schimbat cu caractere aldine. Pentru italice trebuie să modificați valoarea de la bold la italic sau bold italic încerca să o faci singur. Cum se schimba culoarea textului în CSS
Pentru a schimba culoarea textului în CSS, Umple proprietate de culoare albă, cu o valoare de:

Salvați și uita-te la fontul alb este, de asemenea, stăpânit. Aveți posibilitatea să atribuiți orice culoare cum se utilizează culori ale sistemului de numerotare în HTML, sau doar după nume.
După cum puteți vedea, lista de proprietăți în regulile noastre completate cu mai multe bucăți. Sunteți liberi să schimbe valorile și a vedea modul în care aceasta afectează pagina index.html noastră.

(Vizitat 457 ori, 1 vizite azi)

Poate sunteți interesat de: