Cascading Style Sheets (CSS) é um simples mecanismo para adicionar estilo (cores, fontes, espaçamento etc.) a um documento web. Podemos colocar a formatação dentro do próprio documento html ou criar um link (ligação) para uma página que contém os estilos. Escreva um código, colocando os estilos dentro do próprio html, apresentando os textos conforme mostrado na imagem, respeitando as cores descritas a seguir:
Soluções para a tarefa
Resposta:
<!DOCTYPE html>
<html lang="pt-br">
<head>
<title> Css </title>
<meta charset="utf-8">
</head>
<body>
<style>
h1{
color: blue;
text-align: center;
}
h2{
color: red;
text-align: left;
}
h4{
color: green;
text-align: right;
}
</style>
<h1> Texto cor 1</h1>
<h2> Texto cor 2</h2>
<h4> Texto cor 3</h4>
</body>
</html>
Explicação:
Eu fiz no visual studio code agora kk
Sobre o Cascading Style Sheets (CSS), a estrutura web utilizando HTML e CSS interno que faz o que mostra a imagem é:
<!DOCTYPE html>
<html lang="pt-br">
<head>
<title> Css Interno </title>
<meta charset="utf-8">
<style>
h1{
color: blue;
text-align: center;
}
h2{
color: red;
text-align: left;
}
h4{
color: green;
text-align: right;
}
</style>
</head>
<body>
<h1> Texto cor 1</h1>
<h2> Texto com 2</h2>
<h4> Texto cor 3</h4>
</body>
</html>
Mas por que o CSS interno funciona assim?
O CSS interno é bem utilizado para coisas pequenas, nesse caso foi somente a mudança de cores de títulos (h1, h2 e h4), para ser interno o CSS deve estar dentro da tag <head>, assim ele será carregado imediatamente quando a página web for visitada.
Dessa forma, quando o documento no <body> for carregado suas especificações e formatações já estarão lá.
Saiba mais sobre CSS aqui: https://brainly.com.br/tarefa/24938693
#SPJ2
