Onde em um documento HTML é o local correto para se referir a uma folha de estilo externo

Uma página HTML tem duas partes principais, primeiro é a cabeça e a segunda é o corpo. A etiqueta principal é a que contém o título da página HTML, bem como todos os links para os arquivos externos. HTML fornece a instalação para adicionar a referência a uma folha de estilo externo em qualquer parte do documento. No entanto, precisamos escolher o lugar correto e o melhor para adicionar a folha de estilo externo.

Esta postagem tem como objetivo abordar o local correto, onde você pode adicionar uma folha externa em um documento HTML.

Qual é o lugar correto para se referir a uma folha de estilo externo em html?

Como mencionado anteriormente, você pode adicionar o link à folha externa em qualquer lugar do documento HTML. No entanto, a melhor prática é adicioná -la dentro da tag. Se a folha de estilo for adicionada na tag, leva menos tempo para carregar, em vez de se for adicionado em outro lugar no documento HTML.
Vamos ver como uma folha de estilo pode ser adicionada na tag.

Html

Seção 1
Seção 2

Neste código, criamos duas divisões usando a tag. O link da folha de estilo externo é adicionado dentro da seção da cabeça usando a tag. O "Href”Atributo que especifica a localização da folha de estilo externo.

O código do arquivo CSS é fornecido abaixo.

CSS

div

Alinhamento de texto: centro;
tamanho da fonte: 30px;
cor branca;
preenchimento: 10px;
exibição: flex;
alinhado-itens: centro;
Justify-Content: Center;
Altura: 150px;
largura: 98%;

.um

Background-Color: Limegreen;

.dois

cor de fundo: laranja;

Este código CSS está escrito em uma folha de estilo externo.

Saída

A saída mostra que o estilo é aplicado com sucesso nos dois divs.
É isso! Você conheceu o lugar certo para adicionar referência a uma folha de estilo externo em html.

Conclusão

Em um documento HTML, a tag é o lugar certo para adicionar a referência de uma folha de estilo externo. A folha de estilo carrega mais rápido quando colocada dentro da tag. Esta postagem forneceu informações sobre o lugar certo para adicionar referência para uma folha de estilo externo em html. Além disso, você também aprendeu como uma folha de estilo externa está vinculada ao documento HTML.