W3.CSS 預設設定
W3.CSS 易於閱讀
W3.CSS 頁面易於閱讀，即使對於有輕微閱讀障礙的人也是如此。
- 預設字號為 15px
- 預設字型是 Verdana，字母間距良好
- 預設行距 (1.5) 也非常好
HTML 標題 <h1> - <h6>
預設情況下，W3.CSS 按如下方式設定 HTML 標題的樣式
示例
<h1>標題 1 (36px)</h1>
<h2>標題 2 (30px)</h2>
<h3>標題 3 (24px)</h3>
<h4>標題 4 (20px)</h4>
<h5>標題 5 (18px)</h5>
<h6>標題 6 (16px)</h6>
自己試試 »
字號類
標題應僅用於其應有的目的：標題。
使用 W3.CSS，可以使用以下 w3-size 類來設定字型大小
覆蓋 W3.CSS 預設設定
覆蓋 W3.CSS 的預設設定非常容易。
您至少有三種選擇
- 在頁面 <head> 部分覆蓋預設設定
- 在 W3.CSS 之後新增您自己的 CSS 檔案
- 下載並修改 W3.CSS 檔案內容
在 <head> 中覆蓋
h1{font-size:64px;}
h2{font-size:48px;}
h3{font-size:36px;}
h4{font-size:24px;}
h5{font-size:20px;}
h6{font-size:18px;}
自己試試 »
新增您自己的 CSS
<link rel="stylesheet" href="https://w3schools.tw/w3css/4/w3.css">
<link rel="stylesheet" href="myStyle.css">
修改 W3.CSS
h1{font-size:36px} h2{font-size:30px} h3{font-size:24px} h4{font-size:20px} h5{font-size:18px} h6{font-size:16px}
修改預設字型
在您的網頁的 head 部分（或您的樣式表中），載入 W3.CSS 後，修改 html 和 body 的樣式
示例
<link rel="stylesheet" href="https://w3schools.tw/w3css/4/w3.css">
<style>
html, body, h1, h2, h3, h4, h5, h6 {
font-family: cursive, sans-serif;
}
</style>
自己試試 »
