Det er forskjellige formateringsstiler som vi kan bruke på nettstedet vårt. Noen av dem er kursiv, dristig, understrek, streik, abonnement og mer. Disse formateringsstilene implementeres i henhold til kravene. Ved hjelp av disse formateringsstilene kan man ha et pent og tydeligere dokument for lesing.

Denne håndboken vil gi en guide til:

• Hva er HTML “”Element?
• Hvordan formatere tekst som overskript i CSS?
• Hva er HTML “”Element?
• Hvordan formatere tekst som abonnement i CSS?
• Hva er "vertikal-align”CSS -eiendom?
• Hvordan formatere tekst med CSS?

Før vi skynder oss inn i CSS -delen, la oss se hvordan HTML gir oss taggene for abonnement og overskrifter.

Hva er HTML “^”Element?

HTML “”Element brukes til å lage en tekst i det et overskript. Overskriptet vises som liten tekst litt over normal linje.

Hvordan formatere tekst som overskript i CSS?

I HTML, først, legg til et nytt DIV -element med "formel”Klasse. Legg så til

element for å inkludere litt overskrift. Etter det, to

Elementer er inkludert for å spesifisere formelen. Teksten som må legges til som et overskript, plasseres inne i "”Start -taggen og“”Sluttkode som følger:

Algebraisk uttrykk

en² - b ² = (a + b) (a - b)

(A+B)² = a² + 2ab +b²

Stil “formel” div

.formel
Bredde: 80%;
Høyde: 200px;
Bakgrunnsfarge: #153462;
Farge: Ghostwhite;
grense: 2px solid RGB (44, 37, 37);
Bokseskygge: 1px 1px 5px 4px RGB (135, 130, 130);
polstring: 1px 20px;
Margin: Auto;
Font-family: Cursive;

“.formel”Brukes til å få tilgang til DIV -klasseformelen og bruke de vervet CSS -egenskapene:

• “bredde”Eiendom setter elementets bredde.
• “høyde”Eiendom setter elementets høyde.
• “bakgrunnsfarge”Eiendom bruker farge på elementets bakgrunn.
• “farge”Eiendom brukes til å sette skriftfargen.
• “grense”Eiendom brukes til å spesifisere grensen rundt det spesielle elementet ved å spesifisere grensens stil, bredde og farge.
• “Bokseskygge”Eiendom justerer skyggen rundt boksen. Verdien settes ved å spesifisere flere verdier for horisontal forskyvning, vertikal forskyvning, uskarphetseffekt, spredningseffekt og skyggefarge.
• “polstring”Eiendom brukes til å sette plassen rundt innholdet i elementene. Den første verdien spesifiserer plass på toppbunnen, og den andre verdien indikerer plass til venstre til høyre på innholdet.
• “margin”Eiendomssett for å legge til plass rundt elementet. Verdien "bil”Betyr lik plass rundt elementet.
• “Font-familie”Eiendom brukes til å spesifisere skriftstilen.

Stil “P” -element

.formel p
Font-størrelse: 20px;

Skriftstørrelsen på

elementet i div “formel”Brukes med eiendommen”skriftstørrelse”.

Koden gitt ovenfor vil generere utgang som vist i bildet nedenfor:

Så langt har vi diskutert hvordan du lager SuperScript -tekst i HTML, og nå vil den kommende delen demonstrere hvordan du lager abonnementstekst med et praktisk eksempel.

Hva er HTML “_”Element?

HTML “”Element brukes til å formatere tekst som et abonnement. Abonnementet vises som liten tekst, litt under normal linje.

Hvordan formatere tekst som abonnement i CSS?

Her er en HTML -kode som bruker HTML “”Element i“

Logaritmeformler

Logg _enm = log _enn deretter m = n

Logg _en[m * n] = log _enM + log _enn

Produksjon

Hva er "vertikal-align" CSS-eiendom?

CSS “vertikal-align”Eiendom brukes til å sette innretting av elementets vertikale. Følgende er verdiene knyttet til denne egenskapen:

• under
• super
• tekst-topp
• grunnlinje
• tekstbottom

For å lage tekst abonnement eller overskript, "under”Og“super”Verdiene brukes.

Hvordan formatere tekst med CSS?

I HTML, først, legg til et nytt elementnavn DIV med "uttrykk”Klasse. Deretter plasserer du to

elementer for å spesifisere formelen som inneholder abonnement og overskript tekst. Taggen som har forskjellige ID -er, brukes rundt teksten som skal formateres. Elementene med ID “under”Er formatert som abonnement, og elementene som har ID”ovenfor”Er formatert som overskrifter:

logid = "nedenfor"> a[m * n] = log id = "nedenfor"> am + log id = "nedenfor"> an

(a+b) id = "ovenfor"> 2 = hjelp = "ovenfor"> 2 + 2AB +BID = "OVER"> 2

Stil “uttrykk” div

.uttrykk
Bredde: 80%;
Høyde: 200px;
Margin: 1px auto;
polstring: 1px 10px;
bakgrunnsfarge: RGB (243, 218, 75);
Grense: 2px Solid Goldenrod;
Font-størrelse: 18px;

Følgende er egenskapene som brukes på "uttrykk”Div:

• “bredde”Eiendom setter elementets bredde.
• “høyde”Eiendom setter elementets høyde.
• “bakgrunnsfarge”Eiendom brukes til å bruke farge på elementets bakgrunn.
• “margin”Eiendom gir plass rundt elementet. Den første verdien spesifiserer plass i toppbunnen, og den andre indikerer plass på venstre høyre side av elementet.
• “polstring”Eiendom brukes til å sette plassen rundt innholdet i elementene. Den første verdien definerer plass på toppbunnen, og den andre verdien indikerer plass til venstre til høyre på innholdet.
• “grense”Eiendom brukes til å legge til grensen rundt elementet ved å gi grensens stil, bredde og farge.
• “skriftstørrelse”Eiendom brukes til å sette elementets skriftstørrelse.

Stil “nedenfor” id

#Below
vertikal-align: sub;

“#under”Peker på elementet med ID”under”. Den er stylet med eiendommen “vertikal-align”Med verdien som“under”.

Stil “over” id

#ovenfor
vertikal-align: super;
Font-størrelse: Liten;

“#ovenfor”Brukes for å få tilgang til elementet med ID”ovenfor”. Egenskapene som brukes på denne IDen er listet opp nedenfor:

• “vertikal-align”Eiendom med verdien som“super”Formatelement som Super Align.
• “skriftstørrelse”Eiendom med en verdi”liten”Angir skriftstørrelsen som liten.

Produksjon

Dette er måtene å overskrive og abonnementstekst i CSS.

Konklusjon

Mens de designer en hvilken som helst applikasjon, må utviklere huske på tekstformateringsstilene. Vi kan lage abonnement og overskrifter ved hjelp av HTML “”Og“”Tagger, henholdsvis. I CSS brukes den vertikale justerte eiendommen til dette formålet. Denne artikkelen har demonstrert hvordan man abonnement og overskrifter i HTML og CSS ved hjelp av et praktisk eksempel.