1-
*{ padding:0; margin:0; }
body{ background:white; height:100vh; } .titulo-destaque{ color:#A42604; font-size: 24px; }
.textodestaque{ color:#A42604 }
h1{ color:black; font-size:24PX; } img{
width:200px; height:200px;
}
p{ color: black; font-size:20PX; }
button{
color:black;
height:50px;
left: 50px;
background:#AD2727;
}
Exercício 2:
*{
padding:0; margin:0;
}
body{
background:white;
height:100vh;
box-sizing: border-box;
}
.titulo-destaque{
color:#A42604;
font-size: 224px
}
.textodestaque{
color:#A42604
}
h1{
color:black;
font-size:24PX; }
img{
width:200px;
height:200px;
}
p{
color: black;
font-size:20PX;
}
footer{
color:black;
font-size:12px;
}
button{
color:black;
height:50px;
left: 50px;
background:#AD2727;
text-decoration: none;
border-style:solid 1px aqua;
border:30px ;
Exercício 3:
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,
initial-scale=1.0">
<header></header>
<main class="apresentacao" >
<h1>Switch 2 deve superar seu
antecessor;
veem o crescimento do mercado portátil como chave para o sucesso do novo console.
The Legend of Zelda: Breath of the Wild recebe atualização com legendas em PT-BR.
<P>Atualizações com legendas
em português do Brasil chegam dois dias antes do lançamento do Switch 2.
</main>
*{
margin: 0;
padding: 0;
}
body{
height: 100vh;
box-sizing: border-box;
color: #fff;
background-color: black;
}
.apresentacao{
display: flex;
flex-direction:row;
align-items: center;
}
4-
Switch 2 deve superar seu antecessor;
veem o crescimento do mercado portátil como chave para o sucesso do novo console.
*{
margin: 0;
padding: 0;
}
body{ height: 100vh; box-sizing: border-box; color: #fff; background-color: black; }
.container{ display: flex; justify-content: space-between;
}
Exercício 5:
<h1>Switch 2
deve superar seu antecessor;
</h1>
</div>
<div>
<p>
afirmam , veem crescimento do mercado portátil como chave para o sucesso do novo console.
</div>
<img
src=”switch2.jpeg” class=”imagem” alt=”imagem do switch 2”>
*{
Margin: 0; Padding: 0; }
Body{ Height: 100vh; Box-sizing: border-box; Color: #fff; Background-color: black;
}
.container{
Display: flex;
Align-items:center;
Height: 400px;
}
Exercício 6:
<meta
charset="UTF-8">
<meta
name="viewport" content="width=device-width, initial-scale=1.0">
<link
rel="stylesheet " href="stylenewsgame.css">
<main>
<div
class="responsivo-container">
Switch 2 deve superar seu antecessor;
veem crescimento do mercado portátil como chave para o sucesso do novo console.
*{
Margin: 0;
Padding: 0;
}
Body{ Height: 100vh; Box-sizing: border-box; Color: #fff; Background-color: black; }
.responsivo-container{
Display:flex; Flex-direction:row ;
Flex-wrap:wrap;
}
Para saber mais:
