Para alterar o conteúdo do menu no arquivo CSS eu não poderia fazer desta forma:
nav li {
.....
}
ao invés de nav a {
..........
}
Para alterar o conteúdo do menu no arquivo CSS eu não poderia fazer desta forma:
nav li {
.....
}
ao invés de nav a {
..........
}hoje, com a Alura e o Google Gemini
Aqui estamos configurando o display para inline utilizando a tag "li".
nav li {
display: inline-block;
margin: 0 0 0 15px;
}Utilizamos "nav a " para fazer a estilização visualmente do texto para letras maiúsculas, cor da fonte, peso da fonte (negrito), tamanho da fonte e removendo a decoração (sublinhado).
nav a {
text-transform: uppercase;
color: #000000;
font-weight: bold;
font-size: 22px;
text-decoration: none;
}Reforçando que LI são os itens da lista, NAV é a tag de navegação, já tag "a" utilizamos para criação do link, a separação foi necessária no CSS para um código limpo e modificar o que é necessário.