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:
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
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:
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" 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à: 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 Di seguito sono riportate le proprietà applicate sul "espressione"Div: Stile "sotto" ID IL "#sotto"Punta l'elemento con l'ID"sotto". È disegnato con la proprietà "allineamento verticale"Con il valore impostato come"sub". Stile "sopra" ID IL "#Sopra"Viene utilizzato per accedere all'elemento con l'ID"Sopra". Le proprietà applicate a questo ID sono elencate di seguito: 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. Formule logaritm
.espressione
larghezza: 80%;
Altezza: 200px;
Margine: 1px Auto;
imbottitura: 1px 10px;
Background-color: RGB (243, 218, 75);
Bordo: 2px Goldenrod solido;
Font-size: 18px;
#sotto
allineamento verticale: sub;#Sopra
allineamento verticale: super;
Font-size: piccolo;