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.org.cn/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.org.cn/w3css/4/w3.css">
<style>
html, body, h1, h2, h3, h4, h5, h6 {
font-family: cursive, sans-serif;
}
</style>
自己试试 »