Jak supersprisz i indeks dolny w CSS

Jak supersprisz i indeks dolny w CSS

Istnieją różne style formatowania, które możemy użyć na naszej stronie internetowej. Niektóre z nich są kursywą, odważną, podkreślającymi, strikeThrough, indeksem i nie tylko. Te style formatowania są wdrażane zgodnie z wymaganiami. Za pomocą tych stylów formatowych można mieć schludny i wyraźniejszy dokument do czytania.

Niniejszy podręcznik zapewni przewodnik:

  • Co to jest html "" Element?
  • Jak sformatować tekst jako instalację górną w CSS?
  • Co to jest html "" Element?
  • Jak sformatować tekst jako indeks dolny w CSS?
  • Co to jest "Pion-align„Własność CSS?
  • Jak sformatować tekst z CSS?

Przed wpadnięciem do sekcji CSS zobaczmy, w jaki sposób HTML dostarcza nam znaczniki do indeksu dolnej i instalacji górnictwa.

Co to jest html "" Element?

HTML "„Element jest wykorzystywany do stworzenia w nim tekstu, co jest instancją. SuperScript jest pokazany jako mały tekst nieco powyżej linii normalnej.

Jak sformatować tekst jako instalację górną w CSS?

W HTML najpierw dodaj nowy element DIV z „formuła" klasa. Następnie dodaj

element zawierający nagłówek. Potem dwa

Uwzględniono elementy w celu określenia formuły. Tekst, który należy dodać jako instalację górną jest umieszczona w „„Rozpocznij tag i„„End Tag w następujący sposób:


Wyrażenie algebraiczne


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


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


Styl „Formuła” Div

.Formuła
Szerokość: 80%;
Wysokość: 200px;
kolor tła: #153462;
Kolor: Ghost White;
granica: 2px Solid RGB (44, 37, 37);
Shadow Box: 1px 1px 5px 4px RGB (135, 130, 130);
Wyściółka: 1px 20px;
Margines: Auto;
FONT-FAMILY: Kursywna;

„„.formuła”Służy do uzyskania dostępu do formuły klasy DIV i zastosowania zaciągniętych właściwości CSS:

  • "szerokość„Właściwość ustawia szerokość elementu.
  • "wysokość„Właściwość ustawia wysokość elementu.
  • "kolor tła„Właściwość stosuje kolor do tła elementu.
  • "kolor„Właściwość służy do ustawiania koloru czcionki.
  • "granica„Właściwość służy do określenia granicy wokół konkretnego elementu poprzez określenie stylu, szerokości i koloru granicy.
  • "Shadow Box„Właściwość dostosowuje cień wokół pudełka. Wartość jest ustawiona poprzez określenie wielu wartości dla przesunięcia poziomego, przesunięcia pionowego, efektu rozmycia, efektu rozprzestrzeniania się i koloru cienia.
  • "wyściółka„Właściwość służy do ustawiania przestrzeni wokół zawartości elementów. Pierwsza wartość określa miejsce na górnym dnie, a druga wartość wskazuje miejsce na lewej prawej zawartości.
  • "margines”Właściwość ustawia się, aby dodać przestrzeń wokół elementu. Wartość "automatyczny”Oznacza równą przestrzeń wokół elementu.
  • "rodzina czcionek„Właściwość służy do określenia stylu czcionki.

Style „P”

.Formuła P
Rozmiar czcionki: 20px;

Rozmiar czcionki

Element DIV "formuła”Jest stosowany z nieruchomością”rozmiar czcionki".

Kod podany powyżej wygeneruje dane wyjściowe, jak pokazano na poniższym obrazku:

Do tej pory omówiliśmy, jak wykonać tekst SuperScript w HTML, a teraz nadchodząca sekcja pokaże, jak zrobić tekst indeksowy z praktycznym przykładem.

Co to jest html "" Element?

HTML "”Element jest wykorzystywany do formatowania tekstu jako indeksu dolnego. Klopa dolna jest pokazana jako mały tekst, nieco poniżej normalnej linii.

Jak sformatować tekst jako indeks dolny w CSS?

Oto kod HTML, który używa HTML „„Element w„ „

Formuły logarytmu


dziennik Am = log An, a następnie m = n


dziennik A[m * n] = log AM + Log AN

Wyjście

Czym jest właściwość CSS „pionowa”?

CSS „Pion-align„Właściwość służy do ustawiania wyrównania pionowego elementu. Oto wartości powiązane z tą właściwością:

  • pod
  • Super
  • Tekst
  • linia bazowa
  • tekst tekstowy

Aby stworzyć tekst indeksowy lub supersprzedawczy, „pod" I "Super”Wartości są wykorzystywane.

Jak sformatować tekst z CSS?

W HTML najpierw dodaj nową nazwę elementu Div z „wyrażenie" klasa. Następnie umieść dwa

elementy, aby określić formułę zawierającą tekst indeksowy i superskrypt. Tag o różnych identyfikatorach jest wykorzystywany wokół tekstu do sformatowania. Elementy z id ”poniżej”Są sformatowane jako indeksy dolne, a elementy mające identyfikator”powyżej”Są sformatowane jako instalacje górne:


logid = "poniżej"> a[m * n] = log id = "poniżej"> am + log id = "poniżej"> aN




(a+b) id = "powyżej"> 2 = pomoc = "powyżej"> 2 + 2ab +bid = "powyżej"> 2


Styl „ekspresja” div

.wyrażenie
Szerokość: 80%;
Wysokość: 200px;
Margines: 1px Auto;
Wyściółka: 1px 10px;
kolor tła: RGB (243, 218, 75);
granica: 2px Solid Goldenrod;
Rozmiar czcionki: 18px;

Poniżej znajdują się właściwości stosowane na „wyrażenie„Div:

  • "szerokość„Właściwość ustawia szerokość elementu.
  • "wysokość„Właściwość ustawia wysokość elementu.
  • "kolor tła„Właściwość służy do zastosowania koloru na tło elementu.
  • "margines„Właściwość dodaje przestrzeń wokół elementu. Pierwsza wartość określa przestrzeń w górnym dnie, a druga wskazuje przestrzeń po prawej lewej stronie elementu.
  • "wyściółka„Właściwość służy do ustawiania przestrzeni wokół zawartości elementów. Pierwsza wartość określa miejsce na górnym dnie, a druga wartość wskazuje przestrzeń na lewej prawej zawartości.
  • "granica„Własność służy do dodawania granicy wokół elementu poprzez zapewnienie stylu, szerokości i koloru granicy.
  • "rozmiar czcionki„Właściwość jest wykorzystywana do ustawiania rozmiaru czcionki elementu.

Styl „poniżej” identyfikator

#poniżej
pion-align: sub;

„„#poniżej”Wskazuje na element z identyfikatorem„poniżej". Jest stylizowany z nieruchomością „Pion-align”Z wartością ustawioną jako„pod".

Styl „powyżej” identyfikatora

#powyżej
pion-align: super;
Rozmiar czcionki: mały;

„„#powyżej”Jest wykorzystywany do dostępu do elementu z identyfikatorem„powyżej". Właściwości zastosowane do tego identyfikatora są wymienione poniżej:

  • "Pion-align„Właściwość z ustawioną wartością jako„Super„Element formatu jako super wyrównany.
  • "rozmiar czcionki„Własność o wartości”mały”Ustawia rozmiar czcionki jako mały.

Wyjście

Są to sposoby superskrypcji i tekstu indeksowego w CSS.

Wniosek

Projektując dowolną aplikację, programiści muszą pamiętać o stylach formatowania tekstu. Możemy tworzyć indeksy i instalacje górne za pomocą HTML ”" I "”Odpowiednio tagi. W CSS w tym celu wykorzystywana jest właściwość pionowego. W tym artykule pokazano, jak indeksować i inspektora instalacyjnego w HTML i CSS za pomocą praktycznego przykładu.