モダンブラウザ向けリセットCSS
こちらの記事を参考に、よく使うCSSを残しておきます。
/* https://coliss.com/articles/build-websites/operation/css/a-modern-css-reset.html */ *, *::before, *::after { box-sizing: border-box; } ul[class], ol[class] { padding: 0; } ul[class] { list-style-type: none; } body, h1, h2, h3, h4, h5, p, ul[class], ol[class], li, figure, figcaption, blockquote, dl, dd { margin: 0; } body { min-height: 100vh; scroll-behavior: smooth; text-rendering: optimizeSpeed; line-height: 1.5; } ul[class], ol[class] { list-style: none; } a:not([class]) { text-decoration-skip-ink: auto; } img { max-width: 100%; display: block; } article > * + * { margin-top: 1em; } input, button, textarea, select { font: inherit; } @media (prefers-reduced-motion: reduce) { * { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; } }