Existem diferentes estilos de formatação que podemos usar em nosso site. Alguns deles são itálicos, ousados, sublinhados, atingidos, subscritos e muito mais. Esses estilos de formatação são implementados de acordo com os requisitos. Com a ajuda desses estilos de formatação, pode -se ter um documento limpo e mais claro para leitura.

Este manual fornecerá um guia sobre:

• O que é html “" Elemento?
• Como formatar o texto como superscrito no CSS?
• O que é html “" Elemento?
• Como formatar o texto como subscrito no CSS?
• O que é "Alinhamento verticalPropriedade CSS?
• Como formatar o texto com CSS?

Antes de correr para a seção CSS, vamos ver como o HTML nos fornece as tags para subscritos e superestritos.

O que é html “^{" Elemento?}

O html “”O elemento é utilizado para fazer um texto dentro dele um sobrescrito. O superscript é mostrado como um texto pequeno ligeiramente acima da linha normal.

Como formatar o texto como superscrito no CSS?

Em HTML, primeiro, adicione um novo elemento div com o “Fórmula" aula. Então, adicione

elemento para incluir algum cabeçalho. Depois disso, dois

Os elementos estão incluídos para especificar a fórmula. O texto que precisa ser adicionado à medida”Iniciar a tag e“End etiqueta da seguinte forma:

Expressão algébrica

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

(a+b)² = a² + 2AB +b²

Estilo “fórmula” div

.Fórmula
largura: 80%;
Altura: 200px;
Background-Color: #153462;
Cor: Ghostwhite;
borda: 2px RGB sólido (44, 37, 37);
Shadow de caixa: 1px 1px 5px 4px RGB (135, 130, 130);
preenchimento: 1px 20px;
margem: automático;
Fonte-família: cursiva;

O ".Fórmula”É usado para acessar a fórmula da classe DIV e aplicar as propriedades CSS alistadas:

• ““largura”Propriedade define a largura do elemento.
• ““altura”Propriedade define a altura do elemento.
• ““cor de fundo”A propriedade aplica a cor ao fundo do elemento.
• ““cor”A propriedade é usada para definir a cor da fonte.
• ““fronteira”A propriedade é usada para especificar a borda ao redor do elemento específico, especificando o estilo, a largura e a cor da fronteira.
• ““Sombra da caixa”A propriedade ajusta a sombra ao redor da caixa. O valor é definido especificando vários valores para deslocamento horizontal, deslocamento vertical, efeito desfoque, efeito de espalhamento e cor de sombra.
• ““preenchimento”A propriedade é usada para definir o espaço em torno do conteúdo dos elementos. O primeiro valor especifica o espaço no fundo superior e o segundo valor indica espaço no esquerda-direita do conteúdo.
• ““margem”Conjuntos de propriedades para adicionar espaço ao redor do elemento. O valor que "auto”Significa espaço igual ao redor do elemento.
• ““família de fontes”A propriedade é usada para especificar o estilo de fonte.

Elemento de estilo “P”

.Fórmula P
Size da fonte: 20px;

O tamanho da fonte do

elemento da div “Fórmula"É aplicado com a propriedade"tamanho da fonte”.

O código fornecido acima gerará saída como mostrado na imagem abaixo:

Até agora, discutimos como fazer texto sobrescrito no HTML e agora a próxima seção demonstrará como fazer texto subscrito com um exemplo prático.

O que é html “_{" Elemento?}

O html “”O elemento é utilizado para formatar o texto como um subscrito. O subscrito é mostrado como texto pequeno, ligeiramente abaixo da linha normal.

Como formatar o texto como subscrito no CSS?

Aqui está um código HTML que usa o HTML “”Elemento dentro do“

Fórmulas de logaritmo

registro _aM = log _an Então M = n

registro _a[m * n] = log _aM + log _an

Saída

O que é a propriedade CSS “Alinhamento Vertical”?

O CSS “Alinhamento vertical”A propriedade é usada para definir o alinhamento da vertical do elemento. A seguir, são apresentados os valores associados a esta propriedade:

• sub
• super
• Text-top
• linha de base
• fundo de texto

Para fazer o subscrito de texto ou o substituto, o “sub" e "super”Os valores são utilizados.

Como formatar o texto com CSS?

Em HTML, primeiro, adicione um novo nome de elemento div com o “expressão" aula. Então, coloque dois

Elementos para especificar a fórmula que contém texto subscrito e superscript. A tag com IDs diferentes são utilizados em torno do texto a ser formatado. Os elementos com id “abaixo”São formatados como subscritos e os elementos com id“acima”São formatados como superscripts:

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

(a+b) id = "acima"> 2 = AID = "ACIMA"> 2 + 2AB +BID = "ACIMA"> 2

Estilo “expressão” div

.expressão
largura: 80%;
Altura: 200px;
margem: 1px automático;
preenchimento: 1px 10px;
Background-Color: RGB (243, 218, 75);
fronteira: 2px Goldenrod sólido;
Size da fonte: 18px;

A seguir, estão as propriedades aplicadas no “expressãoDiv:

• ““largura”Propriedade define a largura do elemento.
• ““altura”Propriedade define a altura do elemento.
• ““cor de fundo”A propriedade é usada para aplicar a cor ao fundo do elemento.
• ““margem”A propriedade adiciona espaço ao redor do elemento. O primeiro valor especifica o espaço na parte superior, e o segundo indica espaço nos lados esquerdo-direita do elemento.
• ““preenchimento”A propriedade é usada para definir o espaço em torno do conteúdo dos elementos. O primeiro valor define espaço no fundo superior e o segundo valor indica espaço na esquerda-direita do conteúdo.
• ““fronteira”A propriedade é usada para adicionar a borda ao redor do elemento, fornecendo o estilo, a largura e a cor da fronteira.
• ““tamanho da fonte”A propriedade é utilizada para definir o tamanho da fonte do elemento.

ID do estilo "abaixo"

#abaixo
Alinhamento vertical: sub;

O "#abaixo”Aponta para o elemento com o id“abaixo”. É estilizado com a propriedade “Alinhamento vertical”Com o valor definido como“sub”.

ID do estilo "acima"

#acima
Alinhamento vertical: super;
tamanho de fonte: pequeno;

O "#acima”É utilizado para acessar o elemento com o ID“acima”. As propriedades aplicadas a este ID estão listadas abaixo:

• ““Alinhamento vertical”Propriedade com o valor definido como“super”Elemento de formato como super alinhado.
• ““tamanho da fonte”Propriedade com um valor“pequeno”Define o tamanho da fonte como pequeno.

Saída

Essas são as maneiras de substituir e subcritar o texto em CSS.

Conclusão

Ao projetar qualquer aplicativo, os desenvolvedores precisam ter em mente os estilos de formatação de texto. Podemos fazer subscritos e superscripts usando o html “" e "”Tags, respectivamente. No CSS, a propriedade de alinhamento vertical é utilizado para esse fim. Este artigo demonstrou como subscrito e substituir em HTML e CSS com a ajuda de um exemplo prático.