2
respostas

Módulo 7 - Avaliação

HTML

<!DOCTYPE html> <!-- Esta instrução serve para corresponder a versão do html = 5 (última versão do htlm)-->
<html>
    <head> <!-- Agrupa informação para o navegador entender nossa página, título, ícone e codificação-->
        <meta charset="utf-8">
        <title>Blog HTML e CSS Shellen</title>
        <link rel="icon" href="favicon.png">
        <link rel="stylesheet" href="reset.css">
        <link rel="stylesheet" href="testeMod7.css">
        <!-- carrega a fonte Crimson Text nas versões normal, itálico e negrito -->
        <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Crimson+Text:400,400italic,600">
        <!-- carrega a fonte Open Sans Condensed na versão negrito, -->
        <!-- que é a única necessária para os cabeçalhos            -->
        <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans+Condensed:700">
    </head>
<body>
    <img src="minhaempresa.png" alt="Minha empresa">
    <nav>
        <ul>
            <li><a href="/sobre">Sobre</a></li>
            <li><a href="/produtos">Produtos</a></li>
            <li><a href="/consultoria">Consultoria</a></li>
            <li><a href="/contato">Contato</a></li>
        </ul>
    </nav>
</body>
</html>

CSS

body{
    background-color: #eeeeff;
    display: inline-block;
}

img{
    vertical-align: middle;

}
nav{
    text-align: center;
    display: inline-block;
    width: 290px;
    height: 140px;
    margin-top: -40px;
    font-size: 20px;
    box-sizing: border-box;
    vertical-align: text-top;
}

Para fazer a prova do módulo 7, fiz o código acima, ficou conforme conforme apareceu na prova, queria saber se a forma que fiz o css, se está correto, creio que código são diversas maneiras de fazer, mas a forma que fiz pode não ser a mais correta, mas consegui chegar no mesmo resultado.

Apenas quero saber se é considerado correto da forma certa e apenas para saber, qual caminho poderia ser mais fácil.

2 respostas

Olá. Shellen.

Seu código não está ruim. Você verá que quanto mais estudar melhor ele ficará.

Eu fiquei com uma dúvida. Por que você está usando margin-top com um valor negativo?

A minha intensão de usar o "margin-top", é para o menu poder ficar centralizado.

Pq não estava conseguindo centralizar ele.