W3C中文教程
全球最大最新的中文 Web 技术教程
HTML CSS SQL PHP COLORS MYSQL BOOTSTRAP
 

W3.CSS 排版


易于阅读

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

  • 所有使用的字体都是易读的 15px sans-serif 字体
  • 标准字体(Verdana)具有非常好的字母间距
  • 标准线间距(1.5)也非常好

HTML 标题 <h1> - <h6>

默认情况下在 w3.css 样式中HTML标题有以下几种:

Example

<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,可以按类设置字体大小:

Example

w3-tiny
w3-small
w3-medium (Default)
w3-large
w3-xlarge
w3-xxlarge
w3-xxxlarge
w3-jumbo
尝试一下 »

覆盖标准样式

覆盖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="http://www.w3schools.com/lib/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}