8書寫css全域性樣式的意義就是為了規範開發，減少css程式碼重複率，提高工作效率，同時使用全域性樣式更符合web標準，頁面效能得到優化，程式碼簡潔明瞭，儘可能的減少伺服器的負載，保證最快的解析速度。

1.重置瀏覽器預設樣式

將具有預設margin和padding的標記置零，所有標記的margin、padding都在使用時具體定義。

* {
  margin: 0;     
  padding: 0; 
}

2.font-size=100%

我們通常設定font-size字型大小時使用的單位都是px，rem，em，但是也有一種設定就是去寫一個百分比，是相對於瀏覽器預設字型大小或繼承body設定的字型大小來說的。

html {
  font-size: 100%;
 }

3.去除a連結標籤的預設樣式

預設a標籤的樣式有下劃線和藍色字型，為了使頁面更美觀通常會取消掉它的預設樣式。

a {
  text-decoration: none;         //去除預設下劃線
}
a:hover, a:focus {               //hover表示滑鼠懸停時，focus表示元素獲得游標焦點時
　　text-decoration: none;
　　outline: none;
}

outline 屬性是繪製於元素周圍的一條線，位於邊框邊緣的外圍，可起到突出元素的作用。在這裡我們要取消這個樣式，有兩種方式：

①.outline: none; ②.outline: 0;

4.去除<h1>~<6>標題標籤預設樣式

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  font-family: "Montserrat", sans-serif;
  color: #011a3e; 
}

5.去除<ul><li>無序列表預設樣式

在無序列表的每一個小li前面都會有一個標記，但是通常我們會取消這個標記，並且ul li有預設的padding和margin值，我們也要給它取消掉，使用時按需新增。

ul {
  margin: 0;
  padding: 0; 
}
  ul li {
    list-style: none; 
}
 

6.display: inherit;

display這個屬性用於定義建立佈局時元素生成的顯示框型別，在這個網頁中我們要為input/select/textarea新增此屬性，屬性的值為inherit，表示這些元素應該從父元素繼承 display 屬性的值。

input,
select,
textarea {
  display: inherit;     //繼承父元素的display屬性值
  border: none;      // 去除邊框
  outline: none;      //去除元素周圍的輪廓
}

display常用屬性值：

①inline(預設)：此元素會被顯示為內聯元素。

②none：此元素不會被顯示。

③block：此元素將顯示為塊級元素。

④inline-block：行內塊元素。

7.body

body {
  font-family: "Poppins", sans-serif;
  font-size: 15px;
  line-height: 24px;
  color: #7a808d;
  font-weight: normal;
  overflow-x: hidden; 
}

overflow-x屬性的常用值：

①hidden：如果溢位元素的內容區域的話，裁剪內容 - 不提供滾動機制。

②scroll：如果溢位元素的內容區域的話，裁剪內容 - 提供滾動機制。

8.專案燃盡圖