---
# System prepended metadata

title: 使整個網頁套用到樣式- *(星號) & 偽元素是什麼?
tags: [HTML、CSS]

---

# 使整個網頁套用到樣式- *(星號) & 偽元素是什麼?

1. 使整個網頁的元素都吃得到效果

```
// 打 星號 *

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


- 完整的打法如:
  增加偽元素 **::after , ::beforer**

```
*,
*::before,
*::after {
    box-sizing: border-box;
}
```

基本上，現代框架都是使用 - border-box 來計算寬度的
故此寫法可以當作 CSS Reset 一樣，常駐在您的 project 上來使用。

---

- 什麼是偽元素:

  可參考 [W3HEXSCHOOL](https://w3c.hexschool.com/blog/5667df85) 的文章
  

###### tags: `HTML、CSS`