1
resposta

Compartilhando o código, passei todas as informações de style para o arquivo CSS.

Tem algum problema passar um parágrafo específico? Rodou, mas queria saber se pode fazer isso. Porém da segunda maneira que fiz não roda, gostaria de entender porque no segundo arquivo HTML não centraliza o segundo parágrafo. Arquivo CSS

p {
    text-align: center
}

h1 {
    text-align: center
}

p1 {
    text-align: center;
    font-size: 40px
}

Arquivo HTML

<!DOCTYPE html>
<html lang="pt-br">

    <head>
        <meta charset="UTF-8">
        <title>Barbearia Alura</title>
        <link rel="stylesheet" type="text/css" href="style.css">

    </head>
    <body>        
        <h1>Sobre a Barbearia Alura</h1>

        <p>Localizada no coração da cidade a <strong>Barbearia Alura</strong> traz para o mercado o que há de melhor para o seu cabelo e barba. Fundada em 2019, a Barbearia Alura já é destaque na cidade e conquista novos clientes a cada dia.</p>

        <p><p1> <em>Nossa missão é: <strong> "Proporcionar auto-estima e qualidade de vida aos clientes" </strong></em>
        </p1></p>

        <p>Oferecemos profissionais experientes e antenados às mudanças no mundo da moda. O atendimento possui padrão de excelência e agilidade, garantindo qualidade e satisfação dos nossos clientes.</p>
    </body>


</html>

Porém se eu deixar só "p1", o segundo parágrafo não centraliza Arquivo HTML ,* cujo segundo parágrafo não centraliza, mas acredito que deveria. Já que no Arquivo CSS tem dois styles.

`<!DOCTYPE html>
<head>
    <meta charset="UTF-8">
    <title>Barbearia Alura</title>
    <link rel="stylesheet" type="text/css" href="style.css">

</head>
<body>        
    <h1>Sobre a Barbearia Alura</h1>

    <p>Localizada no coração da cidade a <strong>Barbearia Alura</strong> traz para o mercado o que há de melhor para o seu cabelo e barba. Fundada em 2019, a Barbearia Alura já é destaque na cidade e conquista novos clientes a cada dia.</p>

    <p1> <em>Nossa missão é: <strong> "Proporcionar auto-estima e qualidade de vida aos clientes" </strong></em>
    </p1>

    <p>Oferecemos profissionais experientes e antenados às mudanças no mundo da moda. O atendimento possui padrão de excelência e agilidade, garantindo qualidade e satisfação dos nossos clientes.</p>
</body>
`
1 resposta

Olá, Mariana.

Tudo bem?

Essa não é uma maneira adequada de fazer, nos próximos cursos dessa formação você vai ver outras maneiras que vão fazer bastante sentido e te ajudar nessas situações, as classes CSS ajudam muito, e tem como referenciar uma tag específica através da tag pai, mas o seu pensamento está corretíssimo, isso de querer distinguir duas tags iguais para não atribuir um estilo para todas, ou seja querer aplicar um estilo só para uma tag <p> específica e não todas.

Em relação ao segundo HTML, ele não centraliza porque não é uma tag <p>, e sim um p1 que você criou, como disse acima não é correto dessa forma, a primeira centralizou porque você envolveu o <p1> com uma tag <p>.

Espero ter ajudado.

Qualquer dúvida conta com a gente :)