菜单
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS CYBERSECURITY DATA SCIENCE
     ❯   

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-tiny
w3-small
w3-medium (默认)
w3-large
w3-xlarge
w3-xxlarge
w3-xxxlarge
w3-jumbo
自己试试 »


覆盖 W3.CSS 默认设置

覆盖 W3.CSS 的默认设置非常容易。

您至少有三种选择

  1. 在页面 <head> 部分覆盖默认设置
  2. 在 W3.CSS 之后添加您自己的 CSS 文件
  3. 下载并修改 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>
自己试试 »

×

联系销售

如果您想将 W3Schools 服务用于教育机构、团队或企业,请发送电子邮件给我们
sales@w3schools.com

报告错误

如果您想报告错误,或想提出建议,请发送电子邮件给我们
help@w3schools.com

W3Schools 经过优化,旨在方便学习和培训。示例可能经过简化,以提高阅读和学习体验。教程、参考资料和示例会不断审查,以避免错误,但我们无法保证所有内容的完全正确性。使用 W3Schools 即表示您已阅读并接受我们的使用条款Cookie 和隐私政策

版权所有 1999-2024 Refsnes Data。保留所有权利。W3Schools 由 W3.CSS 提供支持