5
respostas

Qual a hora certa de aplicar o reset.css? Assim quando estamos começando a criar o head? Quando eu aplico depois de já ter começado o projeto, ele retira tudo que já fiz. como: Margens,h1, padding e etc...

<head>
    <meta charset="UTF-8">
    <title>Tributo aos anos</title>
    <link rel="stylesheet" href="reset.css">
    <link rel="stylesheet" href="anos80.css"> 

</head>

<body>

    <header>

        <div class="caixa">
            <h1><img id="logo" src="misfitsverde.jpg" ></h1>

                <nav>

                    <ul>
                        <li><a href="anos80.html">Home</a></li>
                        <li><a href="discografia.html">Discografia</a></li>
                        <li><a href="integrantes.html">Integrantes</a></li>
                        <li><a href="contato.html">Contato</a></li>
                    </ul>

                </nav>
        </div>

    </header>




    <main>

        <p>Misfits é uma banda de punk rock formada por Glenn Danzig em 1977 na cidade de Lodi, Nova Jérsei. Frequentemente são citados como criadores do horror punk, misturando punk e outras influências musicais com temas e imagens de filmes de terror.</p>

        <p>A banda já vendeu mais de 5 milhões de cópias, além de exercer influência em diversas outras bandas de rock e metal em geral. Em 1983, Danzig resolve encerrar os Misfits em desentendimentos com o baixista Jerry Only, para formar um novo projeto, iniciando novas atividades.</p> 

        <p>De 1984 a 1994, durante 10 anos, os Misfits ficaram em hiato musicalmente até voltarem a ativa no ano seguinte. Em 1995, Michale Graves assumiu os vocais até sua saída em 2000 junto com o baterista Dr. Chud.</p> 

        <p>Em 2001 Doyle também deixa o grupo, pelo fato de Jerry ter assumido os vocais, trazer novos compositores e integrantes sem o consultar, e não ter interesse em gravar novo material.</p> 

        <p>Em setembro de 2016, pela primeira vez em 33 anos, Danzig, Only e Doyle se reuniram para dois shows com a formação original dos Misfits na edição daquele ano do Riot Fest, junto com o baterista Dave Lombardo e o segundo guitarrista Acey Slade. A programação do Misfits original continuou apresentando desempenho esporádico até 2019.</p>

    <div class="integrantes-originais">

        <ul>
             <li>
                <h2>Glen Danzig</h2>
                <img src="danzig.jpg">
                <p class="descricao">Vocalista original e co-fundador do misfits.</p>
             </li>

             <li>
                <h2>Jerry Only</h2>
                <img src="jerryonly.jpg">
                <p class="descricao">Baixista original e co-fundador do misfits.</p>
             </li>

             <li>
                <h2>Doyle</h2>
                <img src="doyle.jpg">
                <p class="descricao">Guitarrista icônico do misfits.</p>
            </li>

            <li>
                <h2>Michale Graves</h2>
                <img src="michalegraves.jpg">
                <p class="descricao">Segundo vocalista da banda e de maior notoriedade.</p>
            </li>
        </ul>

    </div>



    </main>

</body>
5 respostas

Olá Thales, tudo bem?

Para evitar que esses erros de sobrescrita ocorram o ideal é incorporar o reset no projeto para só depois iniciar as estilizações.

Caso queira aprender mais sobre o reset.css, indico dar uma olhada nesse artigo aqui da Alura, acredito que você irá se interessar.

Espero ter ajudado, em caso de dúvidas fique a vontade para perguntar. Abraços!

Olá, Beatriz. Tudo bem?

O problema é que quando eu coloquei antes de começar a escrever os códigos, foi que ele não aceitava a Tag <h1></h1>.

Opa, Thales!

Obrigada pelo retorno.

Como assim não aceitava?

O conteúdo de <h1> não aparecia na página? Ou não aparecia em negrito e com um tamanho de fonte maior?

Se for o segundo caso é esperado que isso ocorra mesmo e caso você queira que mantenha esse estilo padrão do <h1>, o ideal é estilizar por meio do CSS. Dessa forma:

h1 {
    font-size: 2em;
    font-weight: bold;
}

Aguardo para saber mais!

Olá, bom dia Beatriz. Então quando eu aplico o reset.css tenho que estilizar tudo pelo css? Se for assim, acho que entendi.

Exatamente. Thales!

Na verdade, até se você não estiver utilizando o reset.css o ideal é deixar o CSS encarregado da estilização ao invés do HTML, visto que é ele que de fato possui esse papel por ser uma linguagem de folha de estilo.

Espero ter ajudado, abraços!

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software