Thomas Seeley - csshttps://www.tseeley.com/tags/css/atom.xml2025-08-11T00:00:00+00:00tseeley.comPosts about software and making things.My CSS Resethttps://www.tseeley.com/posts/my-css-reset/2025-08-11T00:00:00+00:00Thomas Seeley2025-08-11T00:00:00+00:00
<pre data-lang="css"><code><span style="color:#888888;">*</span><span style="color:#e2e2e5;">,
</span><span style="color:#888888;">*::</span><span style="color:#e2e2e5;">before,
</span><span style="color:#888888;">*::</span><span style="color:#e2e2e5;">after </span><span style="color:#888888;">{
</span><span style="color:#e2e2e5;"> </span><span style="color:#e0c020;">box-sizing</span><span style="color:#888888;">: </span><span style="color:#e2e2e5;">border-box</span><span style="color:#888888;">;
</span><span style="color:#888888;">}
</span><span style="color:#888888;">* {
</span><span style="color:#e2e2e5;"> </span><span style="color:#e0c020;">margin</span><span style="color:#888888;">: </span><span style="color:#e0c020;">0</span><span style="color:#888888;">;
</span><span style="color:#888888;">}
</span><span style="color:#888888;">body {
</span><span style="color:#e2e2e5;"> </span><span style="color:#e0c020;">line-height</span><span style="color:#888888;">: </span><span style="color:#e0c020;">1.5</span><span style="color:#888888;">;
</span><span style="color:#888888;">}
</span><span style="color:#e2e2e5;">
</span><span style="color:#888888;">input</span><span style="color:#e2e2e5;">,
</span><span style="color:#888888;">button</span><span style="color:#e2e2e5;">,
</span><span style="color:#888888;">textarea</span><span style="color:#e2e2e5;">,
</span><span style="color:#888888;">select {
</span><span style="color:#e2e2e5;"> </span><span style="color:#e0c020;">font</span><span style="color:#888888;">: </span><span style="color:#e2e2e5;">inherit</span><span style="color:#888888;">;
</span><span style="color:#888888;">}
</span></code></pre>
<p>This is the quick-and-dirty CSS reset I use to make my styles look more consistent across browsers. It serves as a nice starting point as I begin styling a new website.</p>
<p>Inspired by <a href="https://www.joshwcomeau.com/">Josh Comeau’s</a> <a href="https://www.joshwcomeau.com/css/custom-css-reset/">CSS reset</a>.</p>
<p>See the OG reset by Eric Meyer -> <a href="https://meyerweb.com/eric/tools/css/reset/">CSS Tools: Reset CSS</a>.</p>
<p>That’s all folks.</p>
<hr>
<p><code>css</code></p>
<p><a href="https://www.tseeley.com/about/">Thomas Seeley</a></p>
<p><a href="https://bsky.app/profile/tseeley.com">@tseeley.com on Bluesky</a>, <a href="https://mastodon.social/@iamseeley">@iamseeley on Mastodon</a></p>
<p>← <a href="https://www.tseeley.com/posts/nix-resources/">Nix Resources</a> · <a href="https://www.tseeley.com/posts/onboarding/">How To Onboard</a> →</p>