We can use the global sector, <code>*</code>, to set our own default values:
<pre><code class="lang-css">* {
 border: 0;
 margin: 0;
 padding: 0;
}
</code></pre>
...which ensures that we have no borders, margins or paddings for any elements unless we specific them in our CSS!
We can also use this selector to add another important property called <code>box-sizing</code>:
<pre><code class="lang-css">* {
 ...
 box-sizing: border-box;
}
</code></pre>
The <code>border-box</code> value ensures that a child element with a <code>width</code> of 100% fits entirely within the parent's borders ... (by default, the child element's width would include the borders!)

We can use the global sector, `*`, to set our own default values:

```css
* {
    border: 0;
    margin: 0;
    padding: 0;
}
```

...which ensures that we have no borders, margins or paddings for *any* elements unless we specific them in our CSS!

We can also use this selector to add another important property called `box-sizing`:

```css
* {
    ...
    box-sizing: border-box;
}
```

The `border-box` value ensures that a child element with a `width` of 100% fits entirely within the parent's *borders ...* (by default, the child element's width would include the borders!)

avoiding browser defaults by using the * (global) selector

CSS reset

avoiding browser defaults by using the * (global) selector