Neste desafio recapitulei às aulas que apresentam como criar links para outras páginas, sejam elas do nosso projeto ou páginas externas, stilos inline e block, como transformar o texto para ter todas as letras maiúscula, como deixar o texto em negrito com CSS e como remover a decoração do texto
!DOCTYPE html>
<html>
<head> <!--cabeça do arquivo--> <!--informações que vai passar para o navegador-->
<meta charset="UTF-8"> <!--declarar o dicionário usado na língua portuguesa-->
<title> Produtos - Barbearia Alura </title>
<link rel="stylesheet" href="produtos.css"> <!--tag de chamada do css-->
</head>
<body> <!--corpo do arquivo--> <!--informações que vai exibir na página-->
<header> <!--cabeçalho do conteúdo-->
<h1><img src="logo.png"></h1>
<nav>
<ul> <!--tag de listas não ordenadas-->
<li><a href="index.html">Home</a></li>
<li><a href="produtos.html">Produtos</a></li>
<li><a href="contato.html">Contato</a></li>
</ul>
</nav>
</header>
</body>
</html>header {
background: #BBBBBB;
}
nav li {
display: inline; /*cabeçalho no horizontal*/
margin: 0 0 0 15px;
}
nav a {
text-transform: uppercase; /*transformando todo o texto para letras maiúsula*/
color: black; /*transofrmando todo o texto em preto*/
font-weight: bold; /*peso da fonte em negrito*/
font-size: 22px ; /*tamanho da fonte*/
text-decoration: none; /*não tem sublinhado*/
}
