Ako vložiť index do čísla v html. Výroba css veľkých písmen

Ahoj. Niekedy pri vytváraní webových stránok potrebujete nastaviť niektoré slová pomocou CSS na pozíciu veľkých alebo horných indexov. Pozrime sa, ako sa to robí.

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

Všeobecne platí, že aj dnes môžete požadovaný text uzavrieť do značiek a získajte požadovaný displej, ale pozrime sa tiež na to, ako sa to dá dosiahnuť pomocou css, pretože technika je mierne odlišná.

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

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

    Najlepší index (
    Zvislé zarovnanie: super;
    }

Táto vlastnosť je zodpovedná za zvislé zarovnanie textu. Jeho super hodnota určuje, že text sa zobrazí ako horný index. Veľkosť písma však zostala rovnaká ako pre bežný text. Aby veci vyzerali krajšie, musíte tiež nastaviť veľkosť písma o niečo menšiu pomocou vlastnosti font-size.

Takto nehnuteľnosť jednoducho funguje. Na zobrazenie v dolnom indexe teda musíte napísať takto:

Najlepší index (
Vertikálne zarovnanie: sub;
}

Rozdiel oproti podobným značkám html je v tom, že tieto pravidlá nemenia veľkosť písma, takže ak to potrebujete, budete musieť novú veľkosť zaregistrovať v hárku štýlov.

To je všetko, čo potrebujete vedieť o hornom a dolnom indexe v CSS. Nie ďalšie príležitosti nehnuteľnosť nie je a nie sú potrebné. Ak si želáte, môžete tento text nejako prispôsobiť, ale je to zriedka potrebné.

Kde to môže prísť vhod

Horný a dolný indexový text je možné použiť pri písaní vzorcov, pridávaní poznámok a značiek k článkom. Wikipedia napríklad uvádza zdroje a poznámky ku každému článku. V priebehu článku sú umiestnené vo forme malých horných indexov. To čitateľov neobťažuje a zároveň vám umožňuje dať článkom požadovaný vzhľad.

Táto nehnuteľnosť je plne naprieč prehliadačmi a je podporovaná vo všetkých verziách CSS.

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

Vymenovanie

Vlastnosť „textová transformácia“ môže mať tri hlavné hodnoty a dve ďalšie. Všetkému vybratému textu môžete napríklad priradiť veľké písmená. Alebo môžete dať príkaz opaku predchádzajúcej vlastnosti, kde sa všetky znaky zmenia na malé písmená. Môžete si dohodnúť stretnutie akýmkoľvek spôsobom, ktorý vám vyhovuje. Napríklad pomocou vložených štýlov. Alebo môžete vytvárať

Samostatný súbor s popisom všetkých vlastností. Aký spôsob zadania použijete, je na vás. „Transformácia textu“ môže mať nasledujúce hodnoty:

  • Veľké písmená. Kapitalizuje všetky vybraté znaky. V CSS sú bežné veľké písmená, pretože táto hodnota môže pomôcť vyriešiť mnoho zložitých problémov súvisiacich s textom.
  • Malými písmenami. Táto vlastnosť je úplne oproti príkazu veľkých písmen.
  • Kapitalizovať. Zmení veľkosť písmen prvého písmena na veľké. Ostatné postavy sa nezmenia.
  • Žiadny. Umožňuje zahodiť všetky priradené hodnoty (potrebné na preddefinovanie vlastnosti). Zvyčajne danú hodnotuštandardne nainštalovaný.
  • Zdediť. Dedí všetky vlastnosti z rodičovský prvok... Je potrebné 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ť ani prepisovať celý text. Ak hovoríme o jednostránkovom webe, táto vlastnosť nemusí byť užitočná. Ale keď máte pod kontrolou obrovský portál, kde potrebujete opraviť veľkosť písmen v určitých fragmentoch, potom sa „transformácia textu“ stane jediným efektívnym nástrojom. Musíte napríklad opraviť písmo v značkách nadpisov „h2“. Za týmto účelom pridajte položku: „h2 (text-transform: uppercase;)“ a potom budú všetky nadpisy druhej úrovne veľké.

Zvláštnosti

Niektorí si môžu myslieť, že ručná manipulácia s textom a zmena písma pomocou vlastnosti „text-transform“ na tom nezáleží. Ale nie je tomu tak. Ak ho manuálne zmeníte na veľké písmená (veľké písmená), potom pri kopírovaní týchto informácií z vášho webu zostanú znaky nezmenené. Ak používate CSS, veci sú iné. Vlastnosť „transformácia textu“ iba vizuálne mení písmo pre používateľov. V skutočnosti však symboly zostávajú nezmenené. Stáva sa to pri všetkých hodnotách tejto vlastnosti. Skopírované informácie (text) budú mať pôvodný register, ktorý sa používa v zdrojový kód strán. Toto je jediný rozdiel medzi ručným spracovaním a používaním príkazov CSS.

Nezáleží na tom, ktorý z nich chcete použiť - malé alebo veľké písmená, hlavnou vecou nie je zabudnúť na účel. Ak napríklad potrebujete iba zmeny na dekoratívne účely, potom môžete bezpečne používať vlastnosť „transformácia textu“. Ak viete, že vaši používatelia pravdepodobne skopírujú informácie, ktoré ste uverejnili, je najlepšie ručne zmeniť veľkosť písmen celého textu. Skutočne si niekedy čitatelia nevšimnú takú zmenu písma. Toto je obzvlášť dôležité, pokiaľ ide o dôležité dokumenty a podobné informácie.

Register vo vzťahu k textu je posun znakov od základnej čiary nahor alebo nadol. V závislosti od kladnej alebo zápornej hodnoty posunu sa index nazýva horný alebo dolný. Aktívne sa používajú v matematike, fyzike, chémii a na označenie jednotiek merania. HTML ponúka dva prvky na vytvorenie indexu: (z anglického horného indexu) - horný index a (z anglického dolného indexu) - dolný index. Text umiestnený v jednom z týchto kontajnerov je označený ako menší ako základný text a je voči nemu posunutý nahor alebo nadol. Príklad 1 ukazuje zdieľanie určené prvky a štýly na zmenu vzhľadu textu.

Príklad 1. Vytvorte horný a dolný index

Horný a dolný index

Charakteristická rovnica povrchu druhého stupňa

λ 3- Ja 1λ 2+ Ja 2λ - I 3 = 0

Príklad obsahuje dolný aj horný index súčasne. Na zmenu štýlu písma v indexe sa použijú štýly, ktoré nastavujú jednotný vzhľad (obr. 1).

Ryža. 1. Pohľad na indexy po použití štýlov

Môžete úplne odmietnuť použitie a v prospech štýlov. Analógom týchto prvkov je vlastnosť zvislého zarovnania, ktorá núti text posúvať zvisle o zadanú vzdialenosť. Konkrétne, príklad 2 používa ako hodnotu 0,8em horný index a -0,5em pre dno. Em je relatívna jednotka rovnajúca sa veľkosti aktuálneho písma. Napríklad 0,5em znamená, že text by sa mal posunúť o polovicu veľkosti písma.

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

Horný a dolný index

Stupňový polynóm n

f (x) = a 0+ a 1 x + ... + a n-1 X n-1+ a n X n

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

V minulom video návode sme sa dozvedeli, ako odstrániť a pridať nové informácie do Nová verzia HTML dokument, pričom ho hlási vyhľadávače a vizuálne zvýraznenie, aby si zmeny pozreli aj návštevníci. Na tento účel sme použili značky del a ins.

V tomto videonávode pokračujeme v téme formátovania textu v dokumente HTML. Pozrime sa na dve HTML značky, ktoré označujú horný a dolný index textu.

Značka HTML sup je horný index textu v HTML.

HTML tag slúži na zadanie horného indexu textu v HTML. V niektorých témach stránok bude táto značka jednoducho nenahraditeľná. Ak napríklad máte alebo plánujete webovú stránku spojenú s akýmikoľvek vzorcami, matematickými alebo chemickými. Alebo, ak existuje stavenisko, potom značka bude veľmi užitočný a pomôže pri navrhovaní článkov pri písaní vzorcov alebo akýchkoľvek množstiev, napríklad štvorcových metrov v stavebnej téme.

Ak však váš web nepatrí do uvedených tém, neznamená to, že ide o značku nepríde vhod. Stačí ukázať predstavivosť a vynaliezavosť a nájsť aplikáciu pre tento prvok.

Sub tag HTML - dolný index textu v HTML.

Pokiaľ ide o značku HTML potom je to opak značky , a zodpovedá za upresnenie dolného indexu textu. Dolný index textu je možné použiť pri písaní vzorcov alebo matematických rovníc. Okrem toho však môžete pre značku nájsť aj iné spôsoby použitia. .

Nasledujúca lekcia videa je venovaná ďalším dvom značkám, ktoré môžu byť v niektorých situáciách jednoducho nenahraditeľné. Navyše sú schopní nielen formátovať text, napríklad v článku, ale aj pri zadávaní rôznych informácií na webe počas rozloženia stránky. Jedna zo značiek sa zalomí do HTML a druhá nakreslí vodorovnú čiaru.



Previesť malé písmeno na malé a prvé veľké pomocou CSS (8)

V CSS neexistuje žiadna možnosť navrhovania stropu. Ostatné odpovede navrhujúce transformáciu textu: použitie veľkých písmen je nesprávne, pretože tento parameter používa každé slovo za každé slovo .

Tu drzý spôsob, ako to urobiť, ak chcete prvé písmeno každej položky bolo veľkými písmenami, ale toto rozhodne nie je blízko skutočných hraníc:

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

TOTO JE PRÍKLADOVÁ VETA.

TOTO JE INÝ PRÍKLAD VETY. A TOTO JE DALŠIE, ALE BUDE CELO SPODNÝ.

Ako previesť VEĽKÉ PÍSMENO na malé a prvé veľké písmeno na každej vete, ako je uvedené nižšie, iba pomocou pomocou CSS?

Od: TOTO JE PRÍKLADOVÁ APLIKÁCIA.

Komu: Toto je hrubý návrh.

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

Čisto s CSS to nemôžete urobiť. Existuje atribút transformácie textu, ktorý však neprijíma žiadny, veľké písmená, veľké písmená, malé písmená a dedenie.

Možno budete chcieť zvážiť riešenie JS alebo riešenie na strane servera.

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

Transformácia textu: veľké písmená

Nemyslím si to transformácia textu bude pracovať s veľkými písmenami ako vstupom.

Ak chcete použiť pre nebude to fungovať, pretože alebo textovú oblasť, musíte použiť Javascript

pre ktoré by to malo fungovať dobre alebo