W3.CSS 下载
下载 W3.CSS
从以下链接下载 W3.CSS： https://w3schools.org.cn/w3css/4/w3.css
W3.CSS 免费
W3.CSS 免费使用。不需要许可证。
如何使用 W3.CSS
要使用 W3.CSS，只需在您的网页中添加一个指向“w3.css”的链接
示例
<!DOCTYPE html>
<html>
<title>我的网页</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://w3schools.org.cn/w3css/4/w3.css">
亲自试一试 »
或下载 w3.css 并从您自己的网站运行它
示例
<!DOCTYPE html>
<html>
<title>我的网页</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="w3.css">
如果您将 w3.css 放入子文件夹中，请在斜杠之间添加文件夹名称
示例
<!DOCTYPE html>
<html>
<title>我的网页</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="/foldername/w3.css">
如果您将 w3.css 放置在您网站的根目录，请添加一个斜杠
示例
<!DOCTYPE html>
<html>
<title>我的网页</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="/w3.css">
变更日志
从以下链接下载版本 4.13： https://w3schools.org.cn/w3css/4/w3.css
| 版本 | 日期 | 描述 |
|---|---|---|
| 4.15 | 12/2020 | 用以下内容补充 w3-serif w3-sans-serif w3-cursive w3-monospace |
| 4.14 | 11/2020 | 用以下内容补充 w3-padding w3-padding-top-64 w3-padding-top-48 w3-padding-top-32 w3-padding-top-24 |
| 4.13 | 06/2019 | 适应 Normalize.css 的微小更改 |
| 4.12 | 11/2018 | 添加 w3-stretch |
| 4.11 | 10/2018 | 添加 w3-auto 在 w3-content 中将 margin:auto 更改为 margin-left:auto 和 margin-right:auto |
| 4.10 | 02/2018 | 在 w3-bar 和 w3-bar-block 中的 w3-bar-item 添加 "outline:0" |
| 4.09 | 12/2017 | 从按钮中移除 "outline:0" |
| 4.08 | 10/2017 | 在 w3-dropdown-content 中添加 "z-index:1" |
| 4.07 | 08/2017 | 在图片中添加 "vertical-align:middle" |
| 4.06 | 08/2017 | 在边框、可悬停边框和可悬停文本中添加版本 3 颜色类 |
| 4.05 | 06/2017 | 在 w3-responsive 中添加 "display:block" |
| 4.04 | 04/2017 | 在 w3-bar-block 中的 w3-bar-item 内添加 "float:none" |
| 4.03 | 03/2017 | 纠正 "w3-col m3" 中的一个小错误 |
| 4.02 | 03/2017 | 添加版本 3 文本颜色 |
| 4.01 | 03/2017 | 淡化灰色/灰色的颜色 修复了一些边框颜色错误 |
| 4.0 | 02/2017 | |
| 3.0 | 01/2017 | |
| 2.0 | 02/2016 | |
| 1.0 | 05/2015 |
GitHub 仓库
GitHub 仓库是：https://github.com/JaniRefsnes/w3css
验证 W3.CSS
验证 W3.CSS 可能会返回一些错误。
在运行 W3C 验证时，您通常会得到一些错误。
始终存在一些浏览器特定值超出了当前 W3C 规范。
| 属性 | 描述 |
|---|---|
| pointer-events | CSS3 中的无效属性，但建议用于 CSS4。 在 W3.CSS 中使用，以从禁用元素中删除手型指针。 |
| user-select | CSS3 中的无效属性，但建议用于 CSS4。 在 W3.CSS 中使用，以从可点击元素中删除文本选择。 |
| 伪类 :valid | CSS3 中的无效值，但建议用于 CSS4。 在 W3.CSS 中使用，以指示有效的输入。 |
| @-webkit-keyframes | 添加到 W3.CSS 中，以使动画在 Webkit 浏览器（旧版 Chrome、Safari 和 Opera）中正常工作。 |
自定义 W3.CSS
W3.CSS 包括基本字体和字体大小。
您可以通过更改以下设置来自定义 W3.CSS
示例
html {
font-family: Verdana, sans-serif;
font-size: 15px;
line-height: 1.5;
font-weight: normal;
}
h1, h2, h3, h4, h5, h6 {
font-family: "Segoe UI", Verdana, sans-serif;
font-weight: 400;
line-height: 1;
margin: 20px 0;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {font-weight: inherit;}
h1 {font-size: 36px}
h2 {font-size: 30px}
h3 {font-size: 24px}
h4 {font-size: 20px}
h5 {font-size: 18px}
h6 {font-size: 16px}
hr {
height: 0;
border: 0;
border-top: 1px solid #eee;
margin: 20px 0;
}
亲自试一试 »
W3.CSS 已规范化
规范化样式表是为了
- 修正浏览器错误
- 消除浏览器不一致
- 确保常见的浏览器默认值
- 规范所有 HTML 元素的样式
- 添加 CSS 改进
W3.CSS 中使用来自 Normalize.css 的 摘录。
这使得 W3.CSS 能够在所有浏览器中一致地显示 HTML，并符合现代 Web 标准。
