Entrar Ainda não tem acesso?
2
respostas

Dúvida exercício mão na massa

Referente ao curso HTML e CSS: Classes, posicionamento e Flexbox, no capítulo Seletores e posicionamento e atividade Lista de exercícios

por Luiz Felipe Da Silva Atallah
| 39.2k xp | 6 posts
Editor de áudio

Não entendi muito bem esse ponto mesmo com a explicação tive dificuldade. 6) Aplicando o modelo de caixa na prática Agora que você entendeu o modelo de caixa CSS, aplique esse conhecimento no seu projeto. Selecione um elemento específico (por exemplo, um parágrafo) e ajuste as propriedades de margin, border, padding e content. Observe como cada alteração afeta o posicionamento e a aparência do elemento na página.

Usei o código pra ver como ficava e não alterou em nada a minha página.

p { margin: 10px; border: 2px solid black; padding: 5px; }

Mas depois descobri por estar usando o seletor universal * antes eu não conseguia mudar os parametros do paragrafo. Tem alguma forma de isolar esses parametros para agir de forma individual?

2 respostas
por Vinicius Gabriel Soares Pivatti
| 94.4k xp | 2 posts

Teoricamente se você declarou os parametros de <p> depois do seletor universal ele isolaria esse parâmetros

* {
    margin: 0;
    border: 0;
}

p {
    margin: 10px;
    border: 1px solid;
}

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Perceba que mesmo com o seletor, os parâmetros de <p> ainda tão funcionando.

Tem como mostrar o código inteiro para eu dar uma olhada no que pode estar acontecendo?

por Luiz Felipe Da Silva Atallah
| 39.2k xp | 6 posts
Editor de áudio

*{ margin: 0; padding: 0; }

p { margin: 10px; border: 2px solid black; padding: 5px; }

body { background-color:white; color: black;}

.destaque-paragrafo { color: darkgreen; }

.titulo-blog { color: #AF9FA5; }

.urgente { color: red; }

Acho que agora foi, antes eu só adicionei o

e nao mudava nada, depois que adicionei o * de novo salvei e funcionou perfeitamente. Obrigado pela ajuda