Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

[Projeto] Explorando CSS

Realmente o reset faz diferença na configuração do layout da página. No arquivo com reset é possível visualizar todos os elementos da página. Confira logo abaixo o antes e depois:

Arquivo sem Reset CSS Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Arquivo com Reset CSS Insira aqui a descrição dessa imagem para ajudar na acessibilidade

2 respostas
solução!

Oi, José, tudo bem?

Realmente o uso do "reset.css" faz total diferença, pois remove os estilos padrões aplicadas pelos navegadores. Inclusive, utilizar versões simples como apresentadas no curso que definem margine padding com valor zero (0). Ou também copiar versões mais complexas que englobam outras estilizações que podem ser aplicadas aos projetos que estamos desenvolvendo, como, o que trago neste link.

Lembre-se que o "reset.css" deve ser adicionado como o primeiro arquivo de estilos, para evitar que ele sobreponha os estilos que estamos adicionando em nossa aplicação.

Por exemplo, se temos um arquivo com os estilos que estamos criando, cujo nome é "styles.css" e temos um arquivo chamado "reset.css", precisamos primeiro linkar dentro da tag <head> o arquivo de reset para depois linkas o arquivo com os estilos que estamos criando. Ficaria assim:

 <link rel="stylesheet" href="reset.css">
 <link rel="stylesheet" href="styles.css">

Continue mergulhando em tecnologia e se tiver dúvidas, conte com o fórum.

Abraços e bons estudos!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!

Rodrigo, obrigado pelas dicas!