Cum de a decora în stilul de stil CSS culoarea, stilul și t

Cum se face un font aldine?

Deci, prima ocazie, care este de obicei amintită atunci când scrieți un text - îi dă un semn de grăsime. Pentru aceasta, există 2 etichete în html, dar vorbim astăzi despre CSS, deci nu le vom lua în considerare.







În stiluri, pentru aceasta, există o proprietate cu font-greutate și numai două dintre valorile sale: normale și îndrăznețe. Al doilea, după cum înțelegeți, face textul îndrăzneț. Interesant, puteți specifica și valori numerice de la 100 la 900. 400 corespunde modului normal, 700 - aldine. Dar, din păcate, acest lucru nu funcționează în toate browserele, așadar vă recomandăm să utilizați în continuare aceste cuvinte cheie.

De asemenea, există cuvintele mai îndrăznețe și mai ușoare. ele fac conținutul de grăsime din font mai mult sau mai puțin relativ la modul în care este setat pentru elementul părinte. Și tu poți să le folosești.

Cum se scrie CSS în italice?

Continuați și acum faceți textul italic. Pentru aceasta, există o proprietate în stil font și valoarea sa italică. Este ceea ce dă conturul italic. De asemenea, există valori oblice. Cu aceasta, aspectul textului este ușor diferit. Acesta este așa numitul text înclinat.

Sublinierea și ștergerea

Pentru a sublinia sau traversa textul în css există o proprietate de decorare text și are multe valori, să luăm în considerare fiecare:

  1. Sublinierea - sublinierea de jos;
  2. Overline - de sus;
  3. Linie-prin - trasare;
  4. Niciuna - valoarea implicită, nimic nu este aplicat;
  5. Blink - text intermitent (nu este recomandat deloc).


Trebuie să spun că linkurile de pe pagina web au o subliniere în mod implicit, dacă doriți să o anulați, trebuie să setați decorarea textului: nici una pentru ele.

Aliniați textul

Desigur, nu trebuie să uităm de un lucru atât de important ca nivelarea. Este textul, nu elementul în care este plasat. Pentru aceasta, există text-aliniere și câteva din semnificațiile sale:

  1. Stânga - în stânga (aceasta este cea implicită);
  2. Centrul centrat (pentru titluri, de exemplu);
  3. Dreapta - în dreapta (adesea aliniați citatul);
  4. Justificați - lățimea. Cu acest parametru, textul va încerca să egalizeze astfel încât să ocupe aceeași lățime în fiecare linie.

Varianta de ortografie

O proprietate interesantă care este rar utilizată, dar există totuși - varianta font-ului. De fapt, are doar o singură valoare: capace mici. Aceasta înseamnă că toate literele sunt convertite în litere mari, dar puțin reduse.

Dimensiunea fontului în css

Acum am ajuns la o altă proprietate - font-size. Și după cum ați știut deja, ne permite să determinăm dimensiunea fontului. Acesta este de obicei specificat în pixeli, uneori în unități relative ale em. și uneori chiar și în procente. În general, o puteți face diferit.







Pentru textul principal de pe o pagină, acesta stabilește de obicei dimensiunea fontului la 12-16 pixeli, pentru titlurile și subtitlurile - 20-30.

Nume font

Cum de a decora în stilul de stil CSS culoarea, stilul și t

Poate că una dintre caracteristicile cele mai interesante este să alegeți numele fontului care va fi utilizat. Dacă utilizați în mod activ Vordul, atunci cu siguranță știți cel puțin un cuplu. Acestea sunt Arial, Times New Roman, Tahoma, Verdana etc. Acestea sunt așa-numitele fonturi standard care vin împreună cu sistemul de operare.

În tipurile de fonturi html există astfel de tipuri:

  1. Serif - serif.
  2. Sans-serif - fără serif, cea mai bună opțiune pentru textul principal.
  3. Monospace - monospace, pentru afișarea codului etc.
  4. Cursiv - italic.
  5. Fantasy - decorative, pentru diferite scopuri de decorare.

Oh, da, nici nu am mentionat proprietatea care trebuie sa aiba un nume - este o familie de fonturi. De exemplu:

După cum puteți vedea, puteți specifica mai multe fonturi folosind virgule. Browserul utilizează cel care va fi găsit primul. Puteți specifica familia, doar în cazul în care, un tip de font este cu siguranta folosit.

Dacă conectați un font sau numele acestuia conține mai multe cuvinte, atunci trebuie să le includeți în citate simple sau duble, ca în cel de-al treilea exemplu.

Comandă rapidă pentru scrierea proprietăților familiei de fonturi

După cum puteți vedea, o mulțime de parametri de text în CSS începe cu font-. Toate acestea pot fi scrise în formă abreviată după cum urmează:
Font: stil, varianta, greutate, dimensiune, familie.
Dacă nu este necesar un anumit parametru, el este pur și simplu omis, de exemplu:

Setează fontul italic bold Verdun, dimensiunea 30.

Convertește registrul

Pentru a schimba cazul literelor, utilizați proprietatea text-transform. El are asemenea sensuri:

  1. Minuscule - toate literele sunt litere mici;
  2. Cu litere mari - toate literele sunt majuscule;
  3. Capitalizați - fiecare primă literă a unui cuvânt nou devine litera principală.

Cum să selectați prima literă sau prima linie în css

Pentru a face acest lucru, utilizați pseudo-clasele: prima literă și: prima linie. Am scris despre utilizarea lor aici. Acest lucru este util atunci când prima literă din formular ar trebui să fie foarte diferită de celelalte, așa cum se întâmplă în multe cărți.

Dacă trebuie să faceți o linie roșie într-un paragraf, aceasta se face folosind proprietatea text-indent, pentru a vedea o descriere mai detaliată a acestui articol.

Gestionați depășirea textului

În css3, a apărut o proprietate care vă permite să specificați ce trebuie să faceți dacă textul nu se potrivește în container. Acesta este un text-overflow și are două sensuri:

  1. Clip - taie tot textul suplimentar
  2. Ellipsa - se prăjește și se adaugă la sfârșitul elipticului

În general, proprietatea categoriei "să știu". În timp ce nu am folosit-o niciodată.

Text umbra

Și, desigur, ce fel de design text fără o umbră, fără această remarcabilă proprietate de umbră de text. care a apărut în css3. Cu o utilizare corectă, acest lucru vă permite să decorați în mod semnificativ textul. Cu toate acestea, nu voi descrie această proprietate aici în detaliu, puteți vedea mai multe despre aceasta în acest articol. unde am aratat cum sa-l folosesc pentru a impinge cuvintele dorite.

Culoare font

Desigur, în acest articol am enumerat multe proprietăți pentru a transforma aspectul textului, dar nu sa spus nimic despre culoare. Este specificat folosind culoarea. Am scris despre asta în detaliu aici.

Interesant de lumea construirii site-urilor







Trimiteți-le prietenilor: