O que é um estilo JavaScript®?

Um estilo JavaScript® faz parte do código JavaScript® que afeta a aparência ou o estilo de uma página da Web. Esses estilos podem ser divididos em cinco seções: texto, fonte, caixa, classificação e planos de fundo e cores. Cada seção afeta uma parte diferente da página da Web, de acordo com as necessidades do criador, e vem com seu próprio conjunto de tags.

Texto O estilo JavaScript® afeta a maneira como o texto aparece no site. Os elementos que podem ser alterados aqui são a altura das linhas, como o texto está alinhado e o tamanho do recuo de cada parágrafo. Texto O estilo JavaScript® não afeta a aparência da fonte, apenas a organização do texto.

O estilo da fonte JavaScript® é semelhante ao texto, pois afeta as letras, mas esse estilo altera a aparência das letras, não sua organização. As áreas que podem ser definidas com esse tipo de estilo JavaScript® são o estilo e a família de fontes, se todas as letras estão em maiúsculas ou minúsculas e quão claras ou escuras as letras são. A família de fontes refere-se à fonte que o texto usará e o estilo da fonte refere-se à normalidade, negrito ou itálico do texto.

Caixas ou tabelas de linguagem de marcação de hipertexto (HTML) são afetadas pelo estilo da caixa JavaScript®. Outras seções também podem ser alteradas com esse estilo, mas é usado principalmente para tabelas. As áreas afetadas aqui são as margens nas quatro direções. Definir uma margem - por exemplo, uma margem de 20 pixels na parte superior - empurrará a caixa para baixo em 20 pixels e garantirá que esses 20 pixels de espaço na parte superior permaneçam em branco. Isso é comumente usado para organizar a página da Web inteira.

Classificação O estilo JavaScript® é criado para afetar listas, numeradas e com marcadores. JavaScript® possui apenas um atributo a esse respeito: listStyle. Isso afeta como a lista é organizada com outros elementos na página. Por exemplo, se você definir listStyle como "inside", a lista aparecerá dentro de outro elemento especificado.

O estilo de plano de fundo e cor é fornecido com duas tags semelhantes, mas diferentes: backgroundColor e color. Essas duas tags fazem exatamente a mesma coisa; eles são usados ​​para definir a cor da página da Web. BackgroundColor é usado para colorir todo o plano de fundo da página da Web, enquanto cor é usada apenas para definir a cor de um elemento individual. As cores podem ser definidas usando o nome da cor, como verde ou vermelho, ou usando o valor hexadecimal da cor.