3
respostas

Reset.css

Boa noite, eu usei o reset.css no index.html que foi a primeira página feita no curso, porém os cabeçalhos perderam o estilo mesmo eu colocando ele antes do style.css, o que será que

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Barbearia Alura</title>  
    <link rel="stylesheet" href="reset.css">
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" href="produtos.css">
</head>

aconteceu?

3 respostas

Olá Tomé! O ideal é incluir o reset antes de realizar a estilização, pois ele acaba realizando alterações indesejadas na sua estilização também além da que o navegador já trás.

Oi Tatiane, eu fiz isso, quando eu atualizo, o H1 perde as propriedades. Isso é normal?

Opa! Dependendo do que têm no seu reset.css, sim, ele vai perder as propriedades do h1, h2 ...

Note que o reset.css é um arquivo de estilização como todos os outros. Provavelmente, o reset.css remove todos os comportamentos default dos títulos e subtítulos. Algo assim:

// reset.css

h1, h2, h3, h4, h5, ... {
    font-size: 1rem;
    font-weight: normal;
}