码农教程 - 一技在手,衣食无忧! tools

W3.CSS 默认值

❮ 上一节 下一节 ❯

W3.CSS 易于阅读

W3.CSS 页面易于阅读，即使对于有轻微阅读障碍的人也是如此。

  • 默认字体大小为 15px
  • 默认字体是 Verdana，字母间距很好
  • 默认行距（1.5）也很好

HTML 标题 <h1> - <h6>

默认情况下，W3.CSS 的 HTML 标题样式如下：

示例

<h1>Heading 1 (36px)</h1>

<h2>Heading 2 (30px)</h2>

<h3>Heading 3 (24px)</h3>

<h4>Heading 4 (20px)</h4>

<h5>Heading 5 (18px)</h5>
<h6>Heading 6 (16px)</h6>
亲自试一试»

字体大小类别

标题应按其本来面目使用：标题。

使用W3.CSS，可以通过以下方式设置字体大小w3-尺寸课程：

示例

w3-tiny
w3-small
w3-medium (Default)
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://www.91xjr.com/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}

更改默认字体

在网页的头部（或样式表）中，加载 W3.CSS 后，更改 html 和 body 的样式：

示例

<link rel="stylesheet" href="https://www.91xjr.com/w3css/4/w3.css">
<style>
html, body, h1, h2, h3, h4, h5, h6 {
  font-family: cursive, sans-serif;
}
</style>
亲自试一试»

❮ 上一节 下一节 ❯