Olá a todos, fiquei com uma dúvida em relação a melhores práticas em relação a melhor utilização do CSS, pelo que entendi para minimizar a quantidade de código e reutilizar o que já foi escrito a melhor maneira seria utilizar via arquivo style.css, certo? Digo ao invés de utilizar in line.
Olá, Felipe.
Provavelmente a maneira mais conveniente de utilizar o CSS ao seu site, é vinculá-lo a um arquivo .css externo. Dessa forma, quaisquer alterações feitas em um arquivo CSS externo, serão refletidas em seu site globalmente. Uma referência a um arquivo CSS externo é colocada na seção
da página:O arquivo style.css contém todas as regras de estilo das classes.
Vantagens de CSS Externo:
Tamanho menor de páginas HTML e estrutura mais limpa. Velocidade de carregamento mais rápida. O mesmo arquivo .css pode ser usado em várias páginas.
Desvantagens de CSS Externo:
Até que o CSS externo seja carregado, a página pode não ser processada corretamente.
O CSS inline é usado para uma tag HTML específica. O atributo
<style> é usado para formatar uma tag HTML específica. Usar CSS desta forma não é recomendado, pois cada tag HTML precisa ser denominada individualmente. Gerenciando seu site pode tornar-se muito difícil se você usar apenas CSS inline. No entanto, pode ser útil em algumas situações. Por exemplo, nos casos em que você não tem acesso a arquivos CSS ou precisa aplicar estilo para um único elemento. Um exemplo de página HTML com CSS em linha seria assim:
<!DOCTYPE html>
<html>
<body style="background-color:black;">
<h1 style="color:white;padding:30px;">Hostinger Tutorials</h1>
<p style="color:white;">Something usefull here.</p>
</body>
</html>
Vantagens do CSS Inline :
Útil se você quiser testar e visualizar alterações.
Útil para correções rápidas.
Reduzir solicitações HTTP.
Desvantagens do Inline CSS:
CSS Inline deve ser aplicado a cada elemento.
Conclusão
O recomendado é usar o CSS externo e em casos pontuais usar o inline.style é usado para formatar uma tag HTML específica. Usar CSS desta forma não é recomendado, pois cada tag HTML precisa ser denominada individualmente. Gerenciando seu site pode tornar-se muito difícil se você usar apenas CSS inline. No entanto, pode ser útil em algumas situações. Por exemplo, nos casos em que você não tem acesso a arquivos CSS ou precisa aplicar estilo para um único elemento.
Vantagens do CSS Inline :
Útil se você quiser testar e visualizar alterações. Útil para correções rápidas. Reduzir solicitações HTTP.
Desvantagens do Inline CSS:
CSS Inline deve ser aplicado a cada elemento.
Conclusão
O recomendado é usar o CSS externo e em casos pontuais usar o inline...
Espero ter ajudado.