font Css (dimensiune, familie, stil, varianta, greutate)

proprietate font CSS este responsabil pentru apariția textului (formatare): dimensiunea fontului, stilul fontului, spațierea linie, grosimea liniei.

font CSS Sintaxa

  • font-style - stilul fontului:
    • normală - normală marca (implicit)
    • cursiv - Text cursiv
    • oblică - oblică text (un pic mai puțin decât italice)
    • moștenesc - se aplică valoarea elementului părinte
  • font-variant - tipul fontului:
    • normală - normală marca (implicit)
    • mici-caps - tot textul este afișat sub formă de litere mici de capital
    • moștenesc - se aplică valoarea elementului părinte
  • font-weight - lățimea fontului (grăsime). Acesta poate fi setat în numere (100 200 900) sau set constante:
    • dimensiunea fontului normală (400) - normală
    • bold - dimensiune bold (700)
    • mai îndrăzneț - crește nivelul de grăsime
    • mai ușoare - reduce cantitatea de grăsime
  • font-family - familie de fonturi. Cu alte cuvinte, acesta este numele fontului. Mulți dintre ei, listă doar comune:
    • Ariel
    • Verdana
    • Times New Roman
    • Calibri
    • Georgia
    • efect
  • font-size / line-înălțime - și dimensiunea fontului specificată printr-o bară distanțare între rânduri. Cel mai adesea este scris în valori absolute (în pixeli sau pt).

În plus față de aceste valori, font poate fi „constanta“:

  • legendă - fontul pentru elementele sub formă de text (tag
    )
  • Pictograma - fontul pictogramele de comenzi rapide
  • meniu - meniul de fonturi
  • Mesaj-box - fontul de dialoguri
  • mici-legendă - a redus font antet
  • status-bar - text din bara de stare
remarcă

Proprietăți font-stil. font-variant. font-greutate. font-size. line-height. font-family pot fi utilizate individual (independent) unul față de celălalt.

Cum de a schimba stilul și aspectul textului HTML

Exemplul 1. 15px Font, Ariel, italic

Pe pagina este transformată în următoarele

Exemplul №1. Text cu proprietate italic 15px / 30px Arial
Distanta dintre liniile 30 pixeli

Exemplul 2. 16px Font, Calibri, grăsime (bold)

Pe pagina este transformată în următoarele

Exemplul №2. Text cu proprietate font-size: 16px; font-family: Calibri; font-weight: bold; Stil de font: oblică;

Exemplu 3. Font: legendă

Exemplu: font gata pentru elementele sub formă de text „font: legendă“

Pe pagina este transformată în următoarele

Exemplul №3. Text cu proprietate font: legendă;