Html este - cum se face textul majuscule css. Efectuarea majusculei în css Superscript simbol html

CSS permite personalizarea flexibilă a textului, care este prezentat folosind limbajul HMTL. Astăzi ne vom uita la efectul proprietății „text-transform”, care face posibilă schimbarea majusculei fontului. Această opțiune este acceptată de toate browserele moderne și este inclusă în specificațiile tuturor versiunilor de CSS.

Scop

Proprietatea „text-transform” poate lua trei valori principale și două suplimentare. De exemplu, puteți atribui majuscule întregului text selectat. Sau puteți da comanda opusul proprietății anterioare, unde toate caracterele devin litere mici. Puteți face o programare folosind orice metodă convenabilă pentru dvs. De exemplu, folosind stiluri inline. Sau poți crea

Un fișier separat cu o descriere a tuturor proprietăților. Ce metodă de atribuire să utilizați depinde de dvs. „Text-transform” poate lua următoarele valori:

  • majuscule. Face toate caracterele selectate cu majuscule. Literele mari sunt frecvente în CSS, deoarece această valoare ajută la rezolvarea multor probleme. sarcini complexe legate de text.
  • Litere mici. Această proprietate este complet opusă comenzii cu majuscule.
  • Valorifica. Schimbă majusculele primei litere în majuscule. Caracterele rămase nu se vor schimba.
  • Nici unul. Vă permite să anulați toate valorile atribuite (necesare pentru a predefini o proprietate). De regulă, valoare dată este instalat implicit.
  • Moşteni. Moștenește toate proprietățile de la elementul părinte. Trebuie remarcat faptul că IE nu acceptă această proprietate.

Aplicație

Folosind CSS, majuscule (sau efecte similare) sunt setate cu o comandă simplă. Prin urmare, nu este nevoie să schimbați sau să rescrieți tot textul. Dacă despre care vorbim despre un site de o pagină, atunci această proprietate poate să nu fie utilă. Dar atunci când controlați un portal imens în care trebuie să corectați cazul literelor din anumite fragmente, atunci „transformarea textului” devine singurul instrument eficient. De exemplu, trebuie să remediați fontul în etichetele de titlu „h2”. Pentru a face acest lucru, trebuie să adăugați intrarea: „h2 (text-transform: majuscule; )”, iar apoi toate titlurile de al doilea nivel vor fi majuscule.

Particularități

Unii pot crede că procesarea manuală a textului și schimbarea fontului folosind proprietatea „text-transform” nu face nicio diferență. Dar asta nu este adevărat. Dacă schimbați manual la majuscule (majuscule), atunci când aceste informații sunt copiate de pe site-ul dvs., caracterele vor rămâne neschimbate. Dacă utilizați Limbajul CSS, atunci totul se întâmplă altfel. Proprietatea „text-transform” modifică fontul doar vizual pentru utilizatori. Dar, în realitate, simbolurile rămân neschimbate. Acest lucru se întâmplă pentru toate valorile acestei proprietăți. Informațiile copiate (textul) vor avea cazul original utilizat în cod sursă pagini. Aceasta este singura diferență dintre procesarea manuală și utilizarea comenzilor CSS.

Nu contează pe care vrei să-l folosești - litere mici sau mari, principalul lucru este să nu uiți scopul. De exemplu, dacă aveți nevoie de modificări numai în scopuri decorative, atunci puteți utiliza în siguranță proprietatea „transformare text”. Ei bine, dacă știți că probabil că utilizatorii dvs. vor copia informațiile pe care le postați, atunci cel mai bine este să schimbați manual majusculele întregului text. La urma urmei, uneori cititorii nu observă o astfel de înlocuire a fontului. Acest lucru este deosebit de critic atunci când vine vorba de documente importante și informații similare.

În ultima lecție video am învățat cum să ștergem și să adăugăm informații noi V noua versiune document HTML, în timp ce raportați acest lucru motoarele de căutareși evidențierea vizuală, astfel încât vizitatorii să poată vedea și schimbările. Pentru aceasta, am folosit etichetele del și ins.

În acest tutorial video continuăm subiectul formatării textului într-un document HTML. Ne vom uita la două etichete HTML care indică superscriptul și indicele textului.

Eticheta sup HTML este superscriptul textului în HTML.

O etichetă HTML este concepută pentru a indica superscriptul textului în HTML. În unele subiecte ale site-ului, această etichetă va fi pur și simplu de neînlocuit. De exemplu, dacă aveți sau plănuiți, un site web legat de orice formule, matematice sau chimice. Sau, dacă există un site web subiecte de constructii, atunci eticheta va fi foarte utilă și va ajuta la proiectarea articolelor, la scrierea formulelor sau a oricăror cantități, de exemplu, metri pătrați în subiecte de construcții.

Dar dacă site-ul tău nu are legătură cu subiectele enumerate, asta nu înseamnă că eticheta nu va fi utilă. Este suficient să arăți imaginație și ingeniozitate și să găsești o utilizare pentru acest element.

Subeticheta HTML este un indice de text în HTML.

În ceea ce privește eticheta HTML, aceasta este opusul etichetei și este responsabilă pentru indicarea indicelui textului. Textul indicelui poate fi folosit atunci când scrieți formule sau ecuații matematice. Dar, pe lângă aceasta, poate că puteți găsi și alte utilizări pentru etichetă.

Următoarea Lecție Video este dedicată încă două etichete, care în unele situații pot fi pur și simplu de neînlocuit. Mai mult, sunt capabili nu numai să formateze text, de exemplu, într-un articol, ci și atunci când indică diverse informații de pe site în timpul aspectului paginii. Una dintre etichete realizează traducerea în HTML, iar a doua trasează o linie orizontală.



Convertiți literele mici în litere mici și prima majuscule folosind CSS (8)

Nu există nicio opțiune de clauză limită în CSS. Alte răspunsuri care sugerează text-transform: capitalize sunt incorecte deoarece această opțiune folosește fiecare cuvânt pentru fiecare cuvânt .

Aici nepoliticos O modalitate de a face acest lucru este dacă doriți ca prima literă a fiecărui element să fie majusculă, dar asta cu siguranță nu se apropie de restricțiile reale:

P (transformare text: minuscule; ) p:prima literă (transformare text: majuscule; )

ACEASTA ESTE UN EXEMPLU DE PROPOZIȚIE.

ACEASTA ESTE UN AL EXEMPLU DE PROPOZIȚIE.

ȘI ACESTA ESTE ALTA, DAR VA FI ÎN TOTALITATE MINUSCULE.

Cum se transformă litera MAJUSCULE în minuscule și prima literă majuscule pentru fiecare propoziție, așa cum se arată mai jos, folosind numai CSS?

De la: ACEASTA ESTE UN EXEMPLU DE APLICARE.

Către: Aceasta este un exemplu de propoziție.

Actualizare: Când folosesc text-transform: capize; Rezultatul este în continuare același.

Nu poți face asta doar cu CSS. Există un atribut de transformare a textului, dar nu acceptă decât niciunul , majuscule , majuscule , litere mici și moștenire .

Poate doriți să căutați o soluție JS sau o soluție pe partea serverului.

Dacă puteți pune toate caracterele cu minuscule pe server, atunci puteți aplica:

Text-transform: scriere cu majuscule

Nu cred că transformarea textului va funcționa cu majuscule ca intrare.

Dacă doriți să utilizați pentru că nu va funcționa, pentru sau textarea trebuie să utilizați Javascript

funcția capitaliseName() ( var str = document.getElementById("nume").value; document.getElementById("nume").value = str.charAt(0).toUpperCase() + str.slice(1); )

care ar trebui să funcționeze bine pentru sau Buna ziua. Uneori, atunci când creați pagini web este necesar să specificați câteva cuvinte cu folosind css

Litere mari și mici folosind css

În general, astăzi puteți include textul dorit în etichete și puteți obține afișarea dorită, dar să vedem și cum se poate face acest lucru folosind CSS, deoarece tehnica este puțin diferită.

De exemplu, trebuie să scrieți formula H 2 O într-un document html. Acest lucru se face astfel:

  • Formula în sine este scrisă
  • Acele cuvinte și numere care trebuie afișate în indexul superior sau inferior sunt incluse într-o etichetă span, căreia trebuie să i se atribuie o anumită clasă. De exemplu: caractere care urmează să fie scoase
  • În css trebuie să setați acest element:

    Top-index(
    Vertical-align: super;
    }

Această proprietate este responsabilă pentru alinierea verticală a textului. Valoarea sa super specifică faptul că textul va fi afișat în superscript. Dar dimensiunea fontului a rămas aceeași ca și textul obișnuit. Pentru a face totul să arate mai frumos, ar trebui să setați și dimensiunea fontului puțin mai mică folosind proprietatea font-size.

Așa funcționează pur și simplu proprietatea. În consecință, pentru a afișa în indice, trebuie să scrieți astfel:

Top-index(
Vertical-align: sub;
}

Diferența față de etichetele HTML similare este că aceste reguli nu schimbă dimensiunea fontului, așa că dacă trebuie să faceți acest lucru, va trebui să scrieți o nouă dimensiune în foaia de stil.

Acesta este tot ce trebuie să știți despre indicele și indicele în css. Nici unul caracteristici suplimentare proprietatea nu oferă și nu sunt necesare. Dacă doriți, puteți aranja acest text într-un mod special, dar acest lucru este rareori necesar.

Unde ar putea fi util

Textul în indice și în indice poate fi folosit atunci când scrieți formule, adăugați note și marcaje la articole. De exemplu, Wikipedia oferă surse și note pentru fiecare articol. Pe măsură ce articolul progresează, acestea sunt plasate sub formă de superscripte mici. Acest lucru nu irită cititorii și, în același timp, vă permite să oferiți articolelor aspectul dorit.

Proprietatea este în întregime cross-browser și este acceptată în toate versiunile CSS.