Come aprire e abbonarsi in CSS

Come aprire e abbonarsi in CSS

Esistono diversi stili di formattazione che possiamo utilizzare sul nostro sito Web. Alcuni di loro sono corsivi, audaci, sottolineate, sciopero, pedice e altro ancora. Questi stili di formattazione sono implementati in base ai requisiti. Con l'aiuto di questi stili di formattazione, si può avere un documento pulito e più chiaro per la lettura.

Questo manuale fornirà una guida su:

  • Cos'è html ""Elemento?
  • Come formattare il testo come apice in CSS?
  • Cos'è html ""Elemento?
  • Come formattare il testo come pedice in CSS?
  • Quale è "allineamento verticale"Proprietà CSS?
  • Come formattare il testo con CSS?

Prima di correre nella sezione CSS, vediamo come HTML ci fornisce i tag per abbonamenti e apice.

Cos'è html ""Elemento?

L'HTML “"L'elemento viene utilizzato per rendere al suo interno un testo. Il apice è mostrato come un piccolo testo leggermente sopra la linea normale.

Come formattare il testo come apice in CSS?

In HTML, prima, aggiungi un nuovo elemento Div con "formula" classe. Poi aggiungi

elemento per includere un po 'di intestazione. Dopodiché, due

Gli elementi sono inclusi per specificare la formula. Il testo che deve essere aggiunto come apice è posizionato all'interno del ""Avvia tag e""Tag di fine come segue:


Espressione algebrica


UN2 - B 2 = (a + b) (a - b)


(A+B)2 = a2 + 2ab +b2


Stile "Formula" Div

.formula
larghezza: 80%;
Altezza: 200px;
Background-color: #153462;
Colore: Ghostwhite;
bordo: 2px solido RGB (44, 37, 37);
Box-Shadow: 1px 1px 5px 4px RGB (135, 130, 130);
imbottitura: 1px 20px;
Margine: auto;
Font-Family: corsivo;

IL ".formula"Viene utilizzato per accedere alla formula della classe Div e applicare le proprietà CSS arruolate:

  • "larghezza"La proprietà imposta la larghezza dell'elemento.
  • "altezza"La proprietà imposta l'altezza dell'elemento.
  • "colore di sfondo"La proprietà applica il colore allo sfondo dell'elemento.
  • "colore"La proprietà viene utilizzata per impostare il colore del carattere.
  • "confine"La proprietà viene utilizzata per specificare il bordo attorno all'elemento particolare specificando lo stile, la larghezza e il colore del bordo.
  • "Box-Shadow"La proprietà regola l'ombra attorno alla scatola. Il valore è impostato specificando più valori per offset orizzontale, offset verticale, effetto sfocato, effetto di diffusione e colore ombra.
  • "imbottitura"La proprietà viene utilizzata per impostare lo spazio attorno al contenuto degli elementi. Il primo valore specifica lo spazio sul fondo superiore e il secondo valore indica lo spazio sulla sinistra a destra del contenuto.
  • "margine"Set di proprietà per aggiungere spazio attorno all'elemento. Il valore "auto"Significa uguale spazio attorno all'elemento.
  • "famiglia di font"La proprietà viene utilizzata per specificare lo stile del carattere.

Elemento "P" di stile

.formula p
Font-size: 20px;

La dimensione del carattere del

elemento del div "formula"Viene applicato con la proprietà"dimensione del font".

Il codice fornito sopra genererà l'output come mostrato nell'immagine seguente:

Finora abbiamo discusso di come creare un testo di apice in HTML e ora la sezione imminente dimostrerà come fare il testo del pedice con un esempio pratico.

Cos'è html ""Elemento?

L'HTML “"L'elemento viene utilizzato per formattare il testo come pedice. Il pedice è mostrato come piccolo testo, leggermente sotto la linea normale.

Come formattare il testo come pedice in CSS?

Ecco un codice HTML che utilizza HTML ""Elemento all'interno del"

Formule logaritm


tronco d'albero UNm = log UNn quindi m = n


tronco d'albero UN[m * n] = log UNlog m + UNN

Produzione

Ciò che è proprietà CSS "allineamento verticale"?

Il CSS "allineamento verticale"La proprietà viene utilizzata per impostare l'allineamento del verticale dell'elemento. I seguenti sono i valori associati a questa proprietà:

  • sub
  • super
  • Testo-top
  • basale
  • BOTTOM di testo

Per creare il pedice o apice del testo, il "sub" E "super"Vengono utilizzati i valori.

Come formattare il testo con CSS?

In HTML, in primo luogo, aggiungi un nuovo nome elemento Div con "espressione" classe. Quindi, posiziona due

elementi per specificare la formula che contiene abbonamento e text appescript. Il tag con ID diversi viene utilizzato attorno al testo per essere formattati. Gli elementi con ID "sotto"Sono formattati come abbonamenti e gli elementi con ID"Sopra"Sono formattati come apriponi:


logid = "sotto"> a[m * n] = log ID = "sotto"> aM + log ID = "sotto"> aN




(a+b) id = "sopra"> 2 = AID = "sopra"> 2 + 2ab +bid = "sopra"> 2


Stile "espressione" di stile

.espressione
larghezza: 80%;
Altezza: 200px;
Margine: 1px Auto;
imbottitura: 1px 10px;
Background-color: RGB (243, 218, 75);
Bordo: 2px Goldenrod solido;
Font-size: 18px;

Di seguito sono riportate le proprietà applicate sul "espressione"Div:

  • "larghezza"La proprietà imposta la larghezza dell'elemento.
  • "altezza"La proprietà imposta l'altezza dell'elemento.
  • "colore di sfondo"La proprietà viene utilizzata per applicare il colore sullo sfondo dell'elemento.
  • "margine"La proprietà aggiunge spazio attorno all'elemento. Il primo valore specifica lo spazio nella parte superiore e il secondo indica lo spazio ai lati a sinistra a destra dell'elemento.
  • "imbottitura"La proprietà viene utilizzata per impostare lo spazio attorno al contenuto degli elementi. Il primo valore definisce lo spazio sul fondo superiore e il secondo valore indica lo spazio sulla sinistra a destra del contenuto.
  • "confine"La proprietà viene utilizzata per aggiungere il bordo attorno all'elemento fornendo lo stile, la larghezza e il colore del bordo.
  • "dimensione del font"La proprietà viene utilizzata per l'impostazione della dimensione del carattere dell'elemento.

Stile "sotto" ID

#sotto
allineamento verticale: sub;

IL "#sotto"Punta l'elemento con l'ID"sotto". È disegnato con la proprietà "allineamento verticale"Con il valore impostato come"sub".

Stile "sopra" ID

#Sopra
allineamento verticale: super;
Font-size: piccolo;

IL "#Sopra"Viene utilizzato per accedere all'elemento con l'ID"Sopra". Le proprietà applicate a questo ID sono elencate di seguito:

  • "allineamento verticale"Proprietà con il valore impostato come"super"Elemento formatto come super allineare.
  • "dimensione del font"Proprietà con un valore"piccolo"Imposta la dimensione del carattere come piccola.

Produzione

Questi sono i modi per aprire il testo e del sottostruttura in CSS.

Conclusione

Durante la progettazione di qualsiasi applicazione, gli sviluppatori devono tenere presente gli stili di formattazione del testo. Possiamo fare abbonamenti e apice usando l'HTML "" E ""Tag, rispettivamente. In CSS, la proprietà dell'allineamento verticale viene utilizzata a questo scopo. Questo articolo ha dimostrato come sottoscritti e apice in HTML e CSS con l'aiuto di un esempio pratico.