Firma CSS. Facem în CSS Top Register
Conversia literelor mici la literele mici și primul registru de top utilizând CSS (8)
În CSS nu există nici o opțiune a ofertelor KP. Alte răspunsuri care oferă text-transformare: capitalizarea sunt incorecte deoarece acest parametru utilizează fiecare cuvânt pentru fiecare cuvânt .
Aici nepoliticos mod de a face acest lucru dacă doriți prima literă a fiecărui element a fost în majuscule, dar acest lucru este cu siguranță oriunde lângă restricțiile reale:
P (Transformare text: litere mici;) P: prima literă (transformare text: majusculă;)
Aceasta este o sate de exemplu.
Aceasta este o altă satență de exemplu. Și acesta este altul, dar va fi în întregime minuscule.
Cum de a transforma litera majusculară la literele mici și prima literă majusculă pentru fiecare propoziție, după cum se arată mai jos, numai cu CSS?
Din: Acesta este un exemplu al unei aplicații.
La: Aceasta este o ofertă exemplară.
Actualizați: Când folosesc text-transformare: Capiize; Rezultatul este încă același.
Nu puteți să o faceți exclusiv cu CSS. Există un atribut de transformare a textului, dar acceptă numai pe nimeni, capitalizează majuscule, majuscule, minuscule și moștenite.
Poate doriți să vă uitați la soluția JS sau pe soluția Server.
Dacă puteți face toate caracterele cu litere mici pe server decât puteți aplica:
Text-Transform: Capitalizarea
Nu cred că transformarea textului va funcționa cu majuscule ca intrare.
Dacă doriți să utilizați pentru Nu va funcționa sau zona de text trebuie să utilizați JavaScript
care ar trebui să funcționeze bine pentru sau
CSS vă permite să faceți o setare de text flexibilă, care este prezentată utilizând limba HMTL. Astăzi considerăm acțiunea proprietății de "transformare text", care vă oferă posibilitatea de a modifica registrul de fonturi. Această opțiune este acceptată de toate browserele moderne și este inclusă în specificația tuturor versiunilor CSS.
Scop
Proprietatea de transformare a textului poate lua trei valori principale și două suplimentare. De exemplu, puteți atribui registrul de sus în întregul text dedicat. Sau puteți da comanda la proprietatea anterioară opusă, unde toate caracterele devin linii. Puteți utiliza o întâlnire utilizând orice metodă convenabilă pentru dvs. De exemplu, folosind stiluri încorporate. Sau puteți crea
Fișier separat cu o descriere a tuturor proprietăților. Ce să utilizați metoda de atribuire, rezolva numai dvs. "Text-transformare" poate lua următoarele valori:
- Majuscule. Face toate caracterele selectate în capital. CSS majusculă este adesea găsită, deoarece această valoare ajută la rezolvarea multor sarcini complexe asociate textului.
- Litere mici. Această proprietate este complet opusă comenzii majuscule.
- Valorifica. Modifică registrul primei litere către partea de sus. Caracterele rămase nu se vor schimba.
- Nici unul. Vă permite să anulați toate valorile atribuite (este necesar să predeterminați proprietatea). De regulă, această valoare este setată implicit.
- Moşteni. Moștenește toate proprietățile elementului părinte. Trebuie remarcat faptul că IE nu acceptă această proprietate.
Aplicație
Folosind CSS, registrul de sus (sau efectele similare) este instalat utilizând o comandă simplă. Prin urmare, nu este nevoie să modificați sau să rescrieți întregul text. Dacă vorbim despre un site de o singură pagină, atunci această proprietate nu poate fi utilă. Dar când sub controlul dvs. este un portal uriaș, unde trebuie să remediați registrul de scrisori în anumite fragmente, "Transformarea textului" devine singurul mijloc eficient. De exemplu, trebuie să fixați fontul în etichetele antetului "H2". Pentru a face acest lucru, adăugați o intrare: "H2 (Text-Transform: majuscule;)", iar apoi toate antetele de nivel al doilea vor avea registrul de sus.
Caracteristici
Unii pot crede că procesarea textului manual și schimbarea fontului utilizând proprietatea de transformare a textului nu are diferențe. Dar nu este. Dacă schimbați manual la majusculă (Înregistrare de sus), atunci când copiați aceste informații de pe site-ul dvs., caracterele vor rămâne neschimbate. Dacă utilizați limba CSS, atunci totul se întâmplă diferit. Proprietatea de transformare a textului este vizuală numai pentru utilizatorii care schimbă fontul. Dar, în realitate, personajele rămân neschimbate. Acest lucru se întâmplă cu toate valorile acestei proprietăți. Informațiile despre copiere (text) vor avea un registru inițial, care este utilizat în codul sursă al paginii. Aceasta este singura diferență între procesarea manuală și utilizarea comenzilor CSS.
Indiferent de ceea ce doriți să utilizați - registrul de jos sau de sus, principalul lucru, nu uitați scopul. De exemplu, dacă sunteți nevoie doar cu un obiectiv decorativ, puteți aplica în siguranță proprietatea de transformare a textului. Ei bine, dacă știți că utilizatorii dvs. vor copia cu siguranță informațiile postate, este cel mai bine să modificați manual registrul întregului text. La urma urmei, uneori cititorii nu observă o astfel de substituție a fontului. Acest lucru este deosebit de critic atunci când vine vorba de documente importante și informații similare.
În ultimul videoclip, am învățat cum să ștergem și să adăugăm informații noi într-o nouă versiune a documentului HTML, raportăm în același timp aceste motoare de căutare și evidențiind vizual, astfel încât vizitatorii să poată vedea și schimbări. Pentru asta, am folosit etichete del și ins.
În acest videoclip, vom continua textul de formatare a textului în documentul HTML. Vom fi familiarizați cu două etichete HTML care indică indicele de text superior și inferior.
HTML Tag Sup este indicele de sus al textului din HTML.
Tag-ul HTML. Conceput pentru a specifica indicele de text superior în HTML. La unele subiecte, această etichetă va fi pur și simplu indispensabilă. De exemplu, dacă aveți sau planificați, site-ul asociat cu orice formule, matematice sau chimice. Sau, ate există un loc de teme de construire, apoi etichetați Acesta va fi foarte util și va ajuta la scrierea articolelor, când scrieți formule sau valori, de exemplu, metri pătrați într-un subiect de construcție.
Dar dacă site-ul dvs. nu se aplică subiectelor de mai sus, acest lucru nu înseamnă că eticheta Nefolositor. Este suficient să arătați fantezie și topire și găsiți utilizarea acestui element.
HTML Tag Sub este indicele de text inferior din HTML.
În ceea ce privește eticheta HTML atunci el este opusul etichetei Și este responsabil pentru direcția indicelui de text inferior. Indicele de text inferior poate fi utilizat la scrierea formulelor sau ecuațiilor matematice. Dar, în afară de aceasta, este posibil să puteți găsi o altă utilizare a etichetei .
Următoarea lecție video este dedicată încă două etichete, care, în unele situații, poate fi pur și simplu indispensabilă. Ceea ce sunt capabili nu numai pentru a forma textul, de exemplu, în articol, ci și atunci când se specifică diferite informații pe site în timpul aspectului paginilor. Unul dintre tag-uri poartă transferați la HTML. Iar al doilea atrage o linie orizontală.
Pentru mai multe lecții, suntem deja sofisticați cu formatarea textului prin CSS și de data aceasta învățăm să schimbăm registrul de text. În acest sens, foile de stil cascadă deschise cu noi oportunități foarte largi și, dacă este mai precis, putem:
- Afișați întregul text cu majuscule;
- Evidențiați întregul text cu litere mici;
- Faceți astfel încât prima literă a fiecărui cuvânt a început din registrul de sus.
"Acesta este, desigur, bine, dar când poate fi nevoie?" - tu intrebi. Imaginați-vă această situație atunci când trebuie să afișați toate elementele de meniu cu majuscule. Pentru a face acest lucru, nu este necesar să le introduceți, inclusiv tasta Capslock sau deținerea unui buton de schimbare în jos. Acesta va fi suficient pentru a seta toate elementele afișajului de listă în majuscule, creând regula corespunzătoare în fișierul CSS. Și aceasta este doar una dintre numeroasele situații posibile.
Text-transformare proprietate
Vom gestiona înregistrarea textului utilizând proprietatea de transformare a textului. Are 4 valori principale - majuscule (majuscule), litere mici (litere mici), capitalizează (registrul superior pentru fiecare scrisoare de primă cuvânt, valorile rămase nu se schimbă), nici unul (formatarea nu se aplică). La prima vedere, toți puteți părea foarte dificilă.
Principalul lucru nu este de a panica ...
Dar, în practică, totul este destul de simplu, ce sunteți acum și asigurați-vă. Principalul lucru este să alegeți selectorul corect, deoarece valorile proprietății de transformare a textului sunt moștenite.
Selectarea literelor de capital
În primul rând, vă sugerez să întrebați întregul text al majoriei, pentru ceea ce creăm următoarea regulă CSS:
Corp (transformare text: majuscule;)
În principiu, nimic complicat, tocmai am folosit valoarea majusculă. După cum se spune, totul este intuitiv. Acesta este modul în care arată în viață:
Toate cu o scrisoare de capital ...
Registrul inferior - Aplicați pentru toți
Următorul pas să aplicăm pe scară largă litere mici, pentru care scriem următoarele:
Corp (transformarea textului: litere mici;)
După cum probabil ați ghicit, cele două sensuri cu care ne-am întâlnit sunt într-o oarecare măsură antonime. Și pe ilustrația de mai jos puteți vedea rezultatul proprietății doar creată.
Pagina Web când este activată cu litere mici
Alocăm prima literă a fiecărui cuvânt în registrul de sus
Pentru a face acest lucru, este suficient pentru noi să folosim valoarea corespunzătoare:
Corpul (transformarea textului: valorifică;)
Nu știu cât de des veți folosi o astfel de regulă CSS, dar nu vă împiedică o astfel de oportunitate, mai ales atunci când rezolvați problemele nontriviale. Rezultatul este vizibil în imaginea de mai jos.
Textul după aplicarea capitalizării
În cele din urmă, să ne concentrăm pe ultima valoare pe ultima valoare - nici unul. Așa cum am spus, poate fi folosit pentru a anula moștenirea de la părinte. De exemplu, imaginați-vă că avem toate regulile anterioare și pentru paragrafele pe care le anulam, pentru aceasta scriem următoarele:
P (Transformare text: Nici unul;)
Îndrăznesc să presupun că totul este clar pentru dvs. dacă nu - puneți întrebările dvs. în comentarii. Și pe asta am totul. Sper că această lecție despre CSS a fost utilă pentru dvs. Dacă este adevărat:
- Faceți un repost al acestui articol cu \u200b\u200bprivire la rețelele sociale, astfel încât mai mulți oameni să beneficieze de acesta;
- Abonați-vă la newsletter-ul meu, pentru a nu rata publicații utile și interesante pe blog.
Nu vă spun la revedere. Vă mulțumim pentru atenția acordată întâlnirii din următoarele publicații!