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
Arquivo com Reset 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
Arquivo com Reset CSS
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 margin
e 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!
Rodrigo, obrigado pelas dicas!