Indekss attiecībā pret tekstu ir rakstzīmju nobīde attiecībā pret bāzes līniju uz augšu vai uz leju. Atkarībā no nobīdes pozitīvās vai negatīvās vērtības indeksu sauc attiecīgi par augšējo vai zemāko. Tos aktīvi izmanto matemātikā, fizikā, ķīmijā un mērvienību apzīmēšanai. HTML piedāvā divus elementus indeksa izveidei: ^{(no angļu virsraksta) - augšraksts un _{(no angļu valodas apakšraksta) - zemāks rādītājs. Teksts, kas ievietots vienā no šiem konteineriem, ir mazāks par pamata tekstu un ir nobīdīts uz augšu vai uz leju attiecībā pret to. 1. piemērs parāda koplietošana norādītos elementus un stilus, lai mainītu teksta izskatu.}}

1. piemērs: augšējā un apakšējā indeksa izveide

Otrās pakāpes virsmas raksturīgais vienādojums

λ ³-Es ₁λ ²+I ₂λ - I ₃ = 0

Piemērā gan apakšindekss, gan augšindekss parādās vienlaikus. Lai mainītu indeksa fonta stilu, tiek izmantoti stili, kas nosaka vienotu dizainu (1. att.).

Rīsi. 1. Indeksu skats pēc stilu pielietošanas

Jūs varat pārtraukt to lietot pavisam ^{Un _{par labu stiliem. Šo elementu analogs ir vertikālās izlīdzināšanas īpašība, kas liek tekstam vertikāli pārvietoties par noteiktu attālumu. Konkrēti, 2. piemērā vērtība ir 0,8 em augšindeksam un -0,5 em apakšindeksam. Em ir relatīva vienība, kas vienāda ar pašreizējā fonta lielumu. Piemēram, 0,5 em norāda, ka teksts ir jāpārvieto par pusi no fonta lieluma.}}

2. piemērs: stilu izmantošana indeksu pārvaldībai

Pakāpes polinoms n

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

Piemērā pati formula ir parādīta palielinātā izmērā, virsraksta simboli ir iestatīti sarkanā krāsā, bet apakšējie - zilā krāsā (2. att.).

Sveiki. Dažkārt veidojot tīmekļa lapas ir nepieciešams norādīt dažus vārdus ar izmantojot css lielie burti vai augšraksts. Apskatīsim, kā tas ir paveikts.

Lielie un mazie burti, izmantojot css

Vispār jau šodien vēlamo tekstu var ielikt tagos _{^{un iegūstiet vajadzīgo displeju, bet redzēsim arī, kā to var izdarīt, izmantojot css, jo tehnika ir nedaudz atšķirīga.}}

Piemēram, html dokumentā jāieraksta formula H 2 O. Tas tiek darīts šādi:

• Pati formula ir uzrakstīta
• Tie vārdi un skaitļi, kas jāparāda augšējā vai apakšējā rādītājā, ir ietverti span tagā, kuram ir jāpiešķir kāda klase. Piemēram: izvadāmās rakstzīmes
• CSS ir jāiestata šis elements:

  Augstākais rādītājs(
  Vertikāli izlīdzināt: super;
  }

Šis īpašums ir atbildīgs par teksta vertikālo līdzināšanu. Tās vērtība super norāda, ka teksts tiks parādīts augšrakstā. Bet fonta lielums palika tāds pats kā parastajam tekstam. Lai viss izskatītos jaukāk, jums vajadzētu arī iestatīt nedaudz mazāku fonta lielumu, izmantojot fonta lieluma rekvizītu.

Šādi īpašums vienkārši darbojas. Attiecīgi, lai izvadītu apakšindeksā, jums jāraksta šādi:

Augstākais rādītājs(
Vertikāli izlīdzināt: sub;
}

Atšķirība no līdzīgiem HTML tagiem ir tāda, ka šie noteikumi nemaina fonta lielumu, tādēļ, ja tas ir jādara, stila lapā būs jāieraksta jauns izmērs.

Tas ir viss, kas jums jāzina par CSS augšrakstu un apakšindeksu. Nav papildu funkcijasīpašums nenodrošina, un tie nav vajadzīgi. Ja vēlaties, varat noformēt šo tekstu īpašā veidā, taču tas reti ir nepieciešams.

Kur tas varētu noderēt

Augšrakstu un apakšindeksa tekstu var izmantot, rakstot formulas, pievienojot rakstiem piezīmes un piezīmes. Piemēram, Wikipedia katram rakstam nodrošina avotus un piezīmes. Rakstam turpinoties, tie tiek ievietoti mazu augšrakstu formā. Tas nekaitina lasītājus un vienlaikus ļauj rakstiem piešķirt vēlamo izskatu.

Īpašums ir pilnībā pārrobežu pārlūkprogrammas un tiek atbalstīts visās CSS versijās.

HTML tagi _{Un ^{- Apakšraksta un augšējā indeksa teksts}}

Definīcija un lietošana

Tag _{definē starplīniju tekstu. Apakšlineārais teksts ir puse no augstuma un parādās zem bāzes līnijas. Starplīniju tekstu var izmantot, rakstot ķīmiskās formulas, piemēram, H 2 O.}

Tag ^{definē augšraksta tekstu. Virsraksta teksts ir puse no augstuma un parādās virs bāzes līnijas. Virsraksta tekstu var izmantot, rakstot zemsvītras piezīmes, piemēram, WWW.}

Pārlūka atbalsts

Tagi _{Un ^{atbalsta visas galvenās pārlūkprogrammas.}}

Atšķirības starp HTML un XHTML

Standarta atribūti

Kolonna DTD norāda, kurā dokumenta tipā ir atļauts HTML 4.01/XHTML 1.0 DTD atribūts. S = Stingrs, T = Pārejas periods un F = Frameset.

Tagi _{Un ^{atbalsta šādus standarta atribūtus:}}

Plašāka informācija par standarta atribūtiem.

Pasākuma atribūti

Tagi _{Un ^{atbalsta šādus notikumu atribūtus:}}

Vairāk informācijas par

Jau vairākas nodarbības esam kļuvuši sarežģītāki ar teksta formatēšanu, izmantojot CSS, un šoreiz mēs mācāmies, kā mainīt teksta reģistru. Šajā sakarā kaskādes stila lapas mums paver ļoti plašas iespējas, un, precīzāk sakot, mēs varam:

• Rādīt visu tekstu ar lielajiem burtiem;
• Atlasīt visu tekstu ar mazajiem burtiem;
• Pārliecinieties, ka katra vārda pirmais burts sākas ar lielo burtu.

"Protams, tas viss ir labi, bet kad tas varētu būt vajadzīgs?" - tu jautā. Iedomāsimies situāciju, kad visi izvēlnes vienumi ir jāparāda ar lielajiem burtiem. Lai to izdarītu, tie nav jāievada, ieskaitot taustiņu CapsLock, vai turot nospiestu taustiņu Shift. Pietiks iestatīt visus saraksta elementus, lai tie tiktu parādīti ar lielajiem burtiem, izveidojot atbilstošu noteikumu CSS failā. Un šī ir tikai viena no daudzajām iespējamām situācijām.

teksta pārveidošanas īpašums

Mēs kontrolēsim teksta reģistru, izmantojot rekvizītu text-transform. Tam ir 4 galvenās vērtības - lielie burti (lielie burti), mazie (mazie burti), lielie burti (lielie burti katram vārda pirmajam burtam, citas vērtības nemainās), neviena (formatēšana netiek piemērota) . No pirmā acu uzmetiena jums tas viss var šķist ļoti sarežģīti.

Bet praksē viss ir diezgan vienkārši, kā jūs tagad redzēsit. Galvenais ir izvēlēties pareizo atlasītāju, jo teksta pārveidošanas rekvizīta vērtības tiek mantotas.

Lielo burtu

Pirmkārt, es iesaku visu tekstu iestatīt ar lielajiem burtiem, kam mēs izveidojam šādu CSS noteikumu:

Pamatteksts (teksta pārveidošana: lielie burti; )

Principā nekas sarežģīts, mēs izmantojām tikai lielo burtu vērtību. Kā saka, viss ir intuitīvi. Lūk, kā tas izskatās dzīvē:

Mazie burti — attiecas uz visiem

Nākamais solis ir visur lietot mazos burtus, rakstot:

Pamatteksts (teksta pārveidošana: mazie burti; )

Kā jūs droši vien jau uzminējāt, divas nozīmes, kuras tikko satikām, zināmā mērā ir antonīmi. Un zemāk esošajā ilustrācijā var redzēt jaunizveidotā īpašuma rezultātu.

Katra vārda pirmo burtu rakstiet ar lielo burtu

Lai to izdarītu, mums vienkārši jāizmanto atbilstošā vērtība:

Pamatteksts (teksta pārveidošana: ar lielo burtu; )

Es nezinu, cik bieži jūs izmantosit šādu CSS noteikumu, taču jums par šādu iespēju nenāks par ļaunu, jo īpaši risinot nenozīmīgas problēmas. Rezultātu var redzēt zemāk esošajā attēlā.

Visbeidzot, īsi apskatīsim pēdējo vērtību — nav. Kā jau teicu, to var izmantot, lai atceltu mantojumu no vecākiem. Piemēram, iedomāsimies, ka mums ir spēkā visi iepriekšējie noteikumi un rindkopām tie ir jāatceļ, šim nolūkam mēs rakstām sekojošo:

P (teksta transformācija: nav; )

Es uzdrošinos pieņemt, ka jums viss ir skaidrs, ja nē, uzdodiet savus jautājumus komentāros. Un tas man ir viss. Es ceru, ka šī CSS apmācība jums bija noderīga. Ja tā:

• Pārpublicējiet šo rakstu vietnē sociālajos tīklos lai vairāk cilvēku no tā gūtu labumu;
• Abonējiet manu biļetenu, lai nepalaistu garām noderīgus un interesantus emuāra ierakstus.

Šeit es no jums neatvados. Paldies par uzmanību un tiekamies nākamajās publikācijās!