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

Reset CSS: Podemos utilizar em conjunto com o style.css?

Quando foi introduzido o conceito de reset.css, já havia sido criado o arquivo style.css. Porém ao importar o script do reset ao arquivo HTML, a tag h1, por exemplo, teve seu tamanho alterado, sendo apresentado como a parágrafo (tag p).

COM style.css e SEM reset.cssCOM reset.css e style.css
HTML sem o arquivo reset.cssInsira aqui a descrição dessa imagem para ajudar na acessibilidade

Pergunto: O uso do reset.css não deveria manter os padrões usuais de tamanho e características padrões das principais tags HTML?

2 respostas
solução!

João,

A função do "reset.css" é limpar todos os valores default (padrões de fábrica) do CSS.

O correto é você primeiro e antes de tudo rodar o "reset.css" e depois montar suas configurações (style.css). Caso alguma configuração sua NÃO contemple o que foi "resetado", então pode ocorrer alguma disparidade...

Abaixo separei alguns artigos para você aprender mais:

=================================

Reset CSS: O que é, Exemplos, Como Criar e Utilizar

https://www.alura.com.br/artigos/o-que-e-reset-css

=================================

EXCELENTE ARTIGO:

CSS Tools: Reset CSS

https://meyerweb.com/eric/tools/css/reset/

=================================

Como utilizar a técnica CSS Reset

Veja neste artigo como utilizar a técnica CSS Reset para padronizar a visualização básica de páginas HTML, removendo todos os estilos aplicados originalmente pelo browser e que podem variar entre os navegadores, causando problemas com o layout.

https://www.devmedia.com.br/como-utilizar-a-tecnica-css-reset/26797

=================================

Normalize.css - The best CSS reset library in 2023

UPDATED MAR 08, 2023

Normalize.css (50.6k *) has been the most popular CSS reset library for years. It saves you a lot of time matching a duplicate experience for each web browser.

https://byby.dev/normalize-css

=================================

reset.css

A complete CSS reset and a modern default style

https://vwkd.github.io/reset.css/

=================================

Espero ter ajudado e se ajudei, por favor, não esqueça de fechar o tópico e de me pontuar... Medalha! Medalha! Medalha!

[]'s,

Fabio I.

Caro Fábio,

Grato pelo retorno. Entendi o conceito e, principalmente, o uso da função reset no código.