如何使用 CSS 為整個 HTML 網頁設置字體大小？

Question

您好，我是 CSS 的新手，我想知道是否有人可以幫助建議我如何設置整個網頁的字體大小？

我一直在看的教程只是向我展示了如何為每個單獨的部分設置字體大小。 我對 99% 的頁面使用相同的字體大小，所以我不想對每個新段落、表格行、單元格等進行編碼。

我已經在使用一個簡單的代碼來更改整個頁面的字體系列（見下文），所以我假設有一個用於大小的簡單代碼。

    <style>
    *{font-family: Verdana;}
    </style>

謝謝！

Answer 1

您可以在同一個通配符選擇器中使用font-size ：

* { 
  font-size: 1rem;
}

請記住，通配符選擇器*的特異性最低； 在別處聲明的任何字體大小都將覆蓋此聲明。

Answer 2

在 body 標簽中設置字體系列和大小，除了少數例外，頁面中的所有元素都將繼承該大小：

body{
   font-family: Verdana, sans-serif;
   font-size: 12px
}

或者，您可以將任何元素設置為em字體大小：

p{
   font-size: 1.5em;
}

1 em等於元素父元素的字體大小，因此在這種情況下， p標簽是div標簽大小的一倍半。 由於div標簽是 12px（繼承自 body），所以p標簽是 18px：

 body{ font-family: Verdana, sans-serif; font-size: 12px } p{ font-size: 1.5em; }

 <div> <p>I'm in ap tag, my font size is 18px</p> </div>

Answer 3

您好，歡迎來到 Stack Overflow。 您可以通過使用 HTML 標記來做到這一點。 有些人可能不同意這個位置，但我喜歡把它放在這里，因為它在元素的根上。 當您深入了解時，您可能會開始更多地使用 REM 和 EM 單位，這對我來說似乎更有意義。 但實際上你可以把它放在星號、正文或 HTML 上。 每一個都使用相同的 CSS：

font-size: XXpx; .

HTML {
  font-size: XXpx;
}

body {
  font-size: XXpx;
}

* {
  font-size: XXpx;
}

這是一個很好的鏈接，可能有一些更高級的主題，但有一些很好的討論

祝您的開發之旅好運！

Answer 4

<style>
  *{
  font-family: Vedana;
  font-size: 24px; // change size to what you need for you page
  }
<style>