CSS vám umožňuje vyrábať flexibilné nastavenie text, ktorý je reprezentovaný pomocou jazyka HMTL. Dnes sa pozrieme na efekt vlastnosti „text-transform“, ktorá umožňuje zmeniť veľkosť písma. Táto možnosť podporovaný všetkými moderné prehliadače a je súčasťou špecifikácie pre všetky verzie CSS.

Účel

Vlastnosť „text-transform“ môže mať tri hlavné hodnoty a dve ďalšie. Všetkým vybratým textom môžete napríklad priradiť veľké písmená. Alebo môžete zadať príkaz opačný k predchádzajúcej vlastnosti, kde všetky znaky budú malé. Stretnutie si môžete dohodnúť akýmkoľvek spôsobom, ktorý vám vyhovuje. Napríklad pomocou inline štýlov. Alebo môžete vytvoriť

Samostatný súbor s popisom všetkých vlastností. Aký spôsob priradenia použijete, je len na vás. "Text-transform" môže nadobúdať nasledujúce hodnoty:

• Veľké písmená. Všetky vybrané znaky budú veľké. Veľké písmená sú v CSS bežné, pretože táto hodnota pomáha riešiť mnohé problémy. komplexné úlohy súvisiaci s textom.
• Malé písmená. Táto vlastnosť je úplne opačná ako príkaz veľkých písmen.
• Veľké písmená. Zmení veľkosť prvého písmena na veľké. Zostávajúce znaky sa nezmenia.
• žiadne. Umožňuje vrátiť späť všetky priradené hodnoty (potrebné na preddefinovanie vlastnosti). Zvyčajne je táto hodnota predvolene nastavená.
• Zdediť. Zdedí všetky vlastnosti z nadradeného prvku. Treba poznamenať, že IE túto vlastnosť nepodporuje.

Aplikácia

S pomocou CSS veľké písmená (alebo podobné efekty) sa nastavujú jedným jednoduchým príkazom. Preto nie je potrebné meniť alebo prepisovať celý text. Ak hovoríme o o jednostránkovej lokalite, potom táto vlastnosť nemusí byť užitočná. Keď však ovládate obrovský portál, kde potrebujete opraviť veľkosť písmen v určitých fragmentoch, jediným účinným nástrojom sa stane „transformácia textu“. Napríklad musíte opraviť písmo v značkách nadpisu „h2“. Ak to chcete urobiť, musíte pridať položku: „h2 ( text-transform: veľké písmená; )“ a potom budú všetky nadpisy druhej úrovne veľké.

Zvláštnosti

Niektorí si môžu myslieť, že ručné spracovanie textu a zmena fontu pomocou vlastnosti „text-transform“ nič nezmení. Ale to nie je pravda. Ak manuálne zmeníte na veľké písmená (veľké písmená), potom keď sa tieto informácie skopírujú z vašej stránky, znaky zostanú nezmenené. Ak používate jazyk CSS, všetko sa deje inak. Vlastnosť „text-transform“ mení písmo pre používateľov iba vizuálne. Ale v skutočnosti symboly zostávajú nezmenené. Toto sa deje so všetkými hodnotami tejto vlastnosti. Skopírované informácie (text) budú mať pôvodné puzdro zdrojový kód stránky. Toto je jediný rozdiel medzi manuálnym spracovaním a používaním CSS príkazov.

Nezáleží na tom, ktorý z nich chcete použiť - malé alebo veľké písmená, hlavnou vecou je nezabudnúť na účel. Napríklad, ak potrebujete zmeny iba na dekoratívne účely, môžete bezpečne použiť vlastnosť „text-transform“. No, ak viete, že vaši používatelia pravdepodobne skopírujú informácie, ktoré uverejníte, potom je najlepšie manuálne zmeniť veľké a malé písmená vo všetkých textoch. Čitatelia si totiž niekedy takúto zámenu písma nevšimnú. Toto je obzvlášť dôležité, keď ide o dôležité dokumenty a podobné informácie.

HTML tagy a - Dolný a horný index Definícia a použitie textu

Značka definuje text dolného indexu. Podriadený text má polovičnú výšku a zobrazuje sa pod základnou čiarou. Medziriadkový text možno použiť pri písaní chemických vzorcov, ako je H2O.

Značka určuje text horného indexu. Text horného indexu má polovičnú výšku a zobrazuje sa nad základnou čiarou. Text horného indexu možno použiť pri písaní poznámok pod čiarou, napríklad WWW.

Podpora prehliadača

Značky sú podporované všetkými hlavnými prehliadačmi.

Rozdiely medzi štandardnými atribútmi HTML a XHTML

Stĺpec DTD označuje, v ktorom type dokumentu je povolený atribút HTML 4.01/XHTML 1.0 DTD. S=prísne, T=prechodné a F=sada rámcov.

Značky podporujú nasledujúce štandardné atribúty:

Atribút Hodnota Popis DTD

trieda	názov_triedy	Určuje názov triedy pre prvok	STF
r	rtl ltr	Určuje smer textu pre obsah v prvku	STF
id	identifikátor	Určuje jedinečný identifikátor prvku	STF
lang	kód_jazyka	Určuje kód jazyka pre obsah prvku	STF
štýl	definícia štýlu	Určuje vložený štýl pre prvok	STF
titul	text	Označuje dodatočné informácie o prvku	STF
xml:lang	kód_jazyka	Definuje kód jazyka pre obsah prvku v dokumentoch XHTML	STF

Viac informácií o štandardných atribútoch.

Atribúty udalosti

Značky a podpora nasledujúcich atribútov udalostí:

Atribút Hodnota Popis DTD

onclick	skript	Skript sa spustí kliknutím myši	STF
ondblclick	skript	Dvakrát kliknite na skript	STF
onmousedown	skript	Skript sa spustí po stlačení tlačidla myši	STF
onmousemove	skript	Skript, ktorý sa spustí, keď sa pohne ukazovateľ myši	STF
onmouseout	skript	Skript, ktorý sa spustí, keď sa kurzor myši presunie mimo prvok	STF
onmouseover	skript	Skript sa spustí, keď sa kurzor myši presunie nad prvok	STF
onmouseup	skript	Skript sa spustí po uvoľnení tlačidla myši	STF
onkeydown	skript	Skript sa spúšťa pri stlačení klávesu	STF
onkeypress	skript	Skript sa spustí po stlačení a uvoľnení klávesu	STF
onkeyup	skript	Skript sa spustí po uvoľnení kľúča	STF

Viac informácií o

Dobrý deň. Niekedy pri vytváraní webových stránok potrebujete pomocou CSS nastaviť niektoré slová na veľké písmená alebo horný index. Pozrime sa, ako sa to robí.

Veľké a malé písmená pomocou css

Vo všeobecnosti dnes môžete požadovaný text uzavrieť do značiek a získať požadované zobrazenie, ale pozrime sa aj na to, ako to možno urobiť pomocou CSS, pretože technika je trochu iná.

Napríklad musíte do html dokumentu napísať vzorec H 2 O. Robí sa to takto:

• Samotný vzorec je napísaný
• Tie slová a čísla, ktoré je potrebné zobraziť v hornom alebo dolnom indexe, sú uzavreté v tagu span, ktorému je potrebné priradiť nejakú triedu. Napríklad: znaky na výstup
• V css musíte nastaviť tento prvok:

  Najvyšší index(
  Vertical-align: super;
  }

Táto vlastnosť je zodpovedná za vertikálne zarovnanie textu. Jeho hodnota super určuje, že text sa bude zobrazovať v hornom indexe. Veľkosť písma však zostala rovnaká ako pri bežnom texte. Aby všetko vyzeralo krajšie, mali by ste tiež nastaviť veľkosť písma o niečo menšie pomocou vlastnosti font-size.

Takto jednoducho nehnuteľnosť funguje. Na výstup v dolnom indexe teda musíte písať takto:

Najvyšší index(
Vertical-align: sub;
}

Rozdiel oproti podobným HTML tagom je v tom, že tieto pravidlá nemenia veľkosť písma, takže ak to potrebujete urobiť, budete musieť do šablóny štýlov napísať novú veľkosť.

To je všetko, čo potrebujete vedieť o hornom a dolnom indexe v css. žiadne doplnkové funkcie nehnuteľnosť neposkytuje a nie sú potrebné. Ak chcete, môžete tento text usporiadať špeciálnym spôsobom, ale zriedka je to potrebné.

Kde sa to môže hodiť

Text horného a dolného indexu možno použiť pri písaní vzorcov, pridávaní poznámok a označení k článkom. Napríklad Wikipedia poskytuje zdroje a poznámky ku každému článku. Ako článok postupuje, sú umiestnené vo forme malých horných indexov. Čitateľov to nedráždi a zároveň umožňuje dodať článkom požadovaný vzhľad.

Vlastnosť je plne pre rôzne prehliadače a je podporovaná vo všetkých verziách CSS.

Preveďte malé písmeno na malé a prvé veľké písmeno pomocou CSS (8)

V CSS nie je žiadna možnosť klauzuly cap. Ďalšie odpovede naznačujúce text-transform: veľké písmená sú nesprávne, pretože táto možnosť používa každé slovo za každé slovo .

Tu hrubý Spôsob, ako to urobiť, je, ak chcete, aby bolo prvé písmeno každého prvku veľké, ale to sa rozhodne nepribližuje skutočným obmedzeniam:

P ( transformácia textu: malé písmená; ) p: prvé písmeno ( transformácia textu: veľké písmená; )

TOTO JE VZOROVÁ VETA.

TOTO JE ĎALŠÍ PRÍKLAD.

A TOTO JE ĎALŠIE, ALE BUDE TO ÚPLNE NÍZKE PÍSMENO. Ako previesť VEĽKÉ písmeno na malé písmeno a prvé písmeno veľkého písmena pre každú vetu, ako je uvedené nižšie, iba pomocou?

pomocou CSS

Od: TOTO JE PRÍKLAD APLIKÁCIE.

Komu: Toto je približná veta.

Aktualizácia: Keď používam text-transform: capize; Výsledok je stále rovnaký.

Nemôžete to urobiť iba pomocou CSS. Existuje atribút text-transform, ktorý však akceptuje iba none , veľké písmená , veľké písmená , malé písmená a dedičstvo .

Možno sa budete chcieť pozrieť na riešenie JS alebo riešenie na strane servera.

Ak môžete na serveri nastaviť všetky znaky malými písmenami, môžete použiť:

Text-transform: veľké písmená Nemyslím si, že konverzia textu bude fungovať veľkými písmenami

ako vstup.

Ak chcete použiť pre to nebude fungovať, pre alebo textarea musíte použiť Javascript

ktorý by mal dobre fungovať pre resp

Index vzhľadom na text je posunutie znakov vzhľadom k základnej čiare nahor alebo nadol. V závislosti od kladnej alebo zápornej hodnoty offsetu sa index nazýva horný alebo dolný. Aktívne sa používajú v matematike, fyzike, chémii a na označovanie jednotiek merania. HTML ponúka dva prvky na vytvorenie indexu: (z angličtiny horný index) - horný index a (z angličtiny dolný index) - dolný index. Text umiestnený v jednom z týchto kontajnerov je označený menšiu veľkosť než je základný text a je vzhľadom k nemu posunutý nahor alebo nadol. Príklad 1 ukazuje zdieľaniešpecifikované prvky a štýly na zmenu vzhľadu textu.

Príklad 1: Vytvorenie horného a dolného indexu

Horný a dolný index .vzorec ( font-size: 1.4em; /* Veľkosť textu vzorca */ ) sup, sub ( font-style: italic; /* Italic */ color: red; /* Červená farba znakov */ ) sub ( farba: modrá; /* Modrá farba znakov */ )

Charakteristická rovnica povrchu druhého stupňa

λ3 - I1A2 + I2λ - I3 = 0

V príklade sa dolný aj horný index zobrazujú súčasne. Ak chcete zmeniť štýl indexového písma, použijú sa štýly, ktoré špecifikujú jednotný dizajn(obr. 1).

Ryža. 1. Pohľad na indexy po aplikácii štýlov

Môžete ich úplne odmietnuť používať v prospech štýlov. Analógom týchto prvkov je vlastnosť vertical-align, ktorá spôsobí zvislý posun textu o určenú vzdialenosť. Konkrétne v príklade 2 je hodnota 0,8 em pre horný index a -0,5 em pre dolný index. Em je relatívna jednotka rovnajúca sa veľkosti aktuálneho písma. Napríklad 0,5 em znamená, že text by mal byť posunutý o polovicu veľkosti písma.

Príklad 2: Použitie štýlov na správu indexov

Horný a dolný index .vzorec ( font-size: 1.6em; /* Veľkosť textu */ font-style: italic; /* Italic style */ ) .sup, .sub ( font-style: normal; /* Normal style * / font-size: 0,6em; /* Veľkosť indexu */ farba: červená; /* Farba horného indexu */ vertikálne zarovnanie: 0,8 em; vertikálne zarovnanie: -0,5em /* Posunúť text nadol */ )

Polynóm stupňa n

f(x) = a0 + a1 x + ... + an-1 xn-1 + an xn

V príklade je samotný vzorec zobrazený vo zväčšenej veľkosti, symboly horného indexu sú nastavené červenou a spodné modrou farbou (obr. 2).