# CSS reset

{% tabs %}
{% tab title="📘 參考" %}
* :blue\_book: [Resetting inheritable styles in shadow DOM](https://developers.google.com/web/fundamentals/web-components/shadowdom?hl=en#reset)
* CSSTricks ⟩ [An Interview With Elad Shechter on “The New CSS Reset”](https://css-tricks.com/an-interview-with-elad-shechter-on-the-new-css-reset/)
{% endtab %}

{% tab title="📗 書籍" %}
* CSS in Depth (p.61)
{% endtab %}

{% tab title="👉 相關" %}
* [CSS reset in Shadow DOM](../../component/shadow-dom/styles/reset)
* [⭐️ 常用](../../../master/fav#css) ⟩ CSS
{% endtab %}
{% endtabs %}

{% tabs %}
{% tab title="simple reset" %}
```css
/* reset */
* {
    padding: 0;
    margin: 0;
}
```
{% endtab %}

{% tab title="modern-css-reset" %}
📗 [modern-css-reset - GitHub (andy-piccalilli)](https://github.com/andy-piccalilli/modern-css-reset)

📗 [A Modern CSS Reset - DEV Community](https://dev.to/hankchizljaw/a-modern-css-reset-6p3)

```css
@import url("https://unpkg.com/modern-css-reset/dist/reset.min.css");
```
{% endtab %}

{% tab title="minireset.css" %}
📁 html

```markup
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/jgthms/minireset.css@master/minireset.min.css">
```

📁 css

```css
@import url("https://cdn.jsdelivr.net/gh/jgthms/minireset.css@master/minireset.min.css");
```


{% endtab %}
{% endtabs %}

## Topics

* [border-box fix](../box-model/border-box-fix)
