Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Dificuldade no uso Css Reset.

por ANDRE LUIZ SANTOS GOMES
| 60k xp | 10 posts

Bom dia a todos,

Estou no curso de html e css, na montagem da barbearia Alura. estou tentando criar uma página nova com alguns dados antigos mas com mudanças que aprendi no ultimo módulo. Havia entendido que o Css reset, servia pra limpar códigos pré definidos dos navegadores, e consegui fazer uso na página que houve a instrução do professor. No entanto nesse 1° projeto sozinho, tento usar o css reset pra tirar aquela quebra de linha entre o Header. e o Head e criar um fundo cinza único.

Quando faço assim: 

<title>Barbearia Alura Teste</title>
<link rel="stylesheet" href = reset.css>
<link rel="stylesheet" href = index.css>

<header>Barbearia Alura </header>

<div class= "banner">




<h1> <img src="C:\Users\AND\OneDrive\Desktop\Alura\imagem\banner.jpg" width="100%" >
</head>

Dessa forma, consigo deixar o bloco superior com fundo cinza sem o buraco branco entre o titulo e a imagem, porém não consigo inserir nenhuma informação mudança no texto que vem a seguir no body, nem mudança de fonte ou cor de letra, apenas se eu retirar o css reset, mas aí volta o buraco branco indesejado. Conseguem me ajudar galera?
1 resposta
solução!
por Mateus Henrique
| 989.4k xp | 1546 posts
Instrutor Desenvolvedor

Fala Andre, tudo bem?

O que acontece é que você esqueceu de colocas as aspas ao linkar o seu css, deve ficar assim:

<link rel="stylesheet" href ="reset.css"> //Com as aspas
<link rel="stylesheet" href ="index.css">

Uma outra coisa é que você está colocando header dentro da tag head (que serve somente para configurações do site, não se deve colocar nenhuma tag html que não for para a configuração do site), então você pode colocar dessa maneira:

<head>
        <title>Barbearia Alura Teste</title>
        <link rel="stylesheet" href ="reset.css">
        <link rel="stylesheet" href ="index.css"> //Colocando as aspas
</head>
<header>
        <h1>Barbearia Alura</h1> //Colocando o titulo em um h1 para que signifique realmente um titulo
        <div class= "banner">
        <img src="C:\Users\AND\OneDrive\Desktop\Alura\imagem\banner.jpg" width="100%" > //Removendo a imagem de dentro do h1
        </diiv> //Fechando a tag div que você havia esquecido de fechar
<header>

Colocando ambos separados, pois um não tem relação com o outro.

Espero ter ajudado, bons estudos :D