Descreva ao mens 3 linhas de código em CSS e explique a sua utilidade?
Soluções para a tarefa
Estilo inline
Estilo inline é quando os estilos CSS são aplicados diretamente dentro da tag de abertura de um elemento HTML. No entanto, este tipo de uso das CSS não é recomendado e encontra-se em desuso pelos desenvolvedores WEB. Veja a seguir um exemplo de utilização deste tipo de estilo:
<div style=“background-color:blue; color: red; width:300px; height:200px;”>
<h1>...</h1>
<p>...</p>
<p>...</p>
</div>
Veja que para o elemento div acima existe uma formatação de estilo inline, ou seja, dentro da própria tag de abertura do elemento div.
Como dito anteriormente, isso não é recomendado pelo fato de que o código CSS do estilo acima não é reaproveitado nem usado em outras páginas do site. Além disso, a manutenção deste tipo de CSS é muito complicada e difícil, gerando altos custos para o projeto.
Estilo incorporado
O estilo incorporado também não é o mais indicado e recomendado, uma vez que estilos escritos desta forma ficam restritos a um único documento, não sendo possível a sua reutilização em outras páginas do projeto WEB.
Neste método, você declara a folha de estilo diretamente dentro da seção head do documento HTML, utilizando o elemento style. Veja um exemplo a seguir da utilização deste tipo de estilo:
<html>
<head>
<style type="text/css">
h2 {color:#000;}
</style>
</head>
<body>
<h2>Título Secundário da Página</h2>
</body>
</html>
Veja que no exemplo acima o elemento h2 está recebendo uma formatação de estilo. Perceba que esta formatação está embutida no próprio documento HTML, na seção head.
Estilo externo
Este tipo de uso de CSS em documentos HTML é o mais indicado e recomendado. Neste tipo, os códigos CSS ficam em um documento externo ao documento HTML, separando assim as camadas de estrutura e apresentação do projeto WEB.