W3.CSS Downloads（下载）
下载 W3.CSS
从这个链接下载 W3.CSS https://7npmedia.w3cschool.cn/w3.css
W3.CSS是免费的
CSS 是免费的。不需要执照。
如何使用W3.CSS
使用 W3.CSS，只要添加一个链接“W3.CSS" 在你的网页:
实例
<!DOCTYPE html>
<html>
<title>编程狮(w3cschool.cn)</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://7npmedia.w3cschool.cn/w3.css">
<html>
<title>编程狮(w3cschool.cn)</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://7npmedia.w3cschool.cn/w3.css">
尝试一下 »
或者下载 W3.CSS 并从您自己的网站运行:
<!DOCTYPE html>
<html>
<title>编程狮(w3cschool.cn)</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="w3.css">
<html>
<title>编程狮(w3cschool.cn)</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="w3.css">
如果你把 W3.CSS 放到子文件夹里，在斜杠之间添加文件夹名称:
<!DOCTYPE html>
<html>
<title>编程狮(w3cschool.cn)</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="/foldername/w3.css">
<html>
<title>编程狮(w3cschool.cn)</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="/foldername/w3.css">
如果你把w3.css放在你的网站的根目录，添加一个斜线:
<!DOCTYPE html>
<html>
<title>编程狮(w3cschool.cn)</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="/w3.css">
<html>
<title>编程狮(w3cschool.cn)</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="/w3.css">
更新日志
从这个链接下载4.13版本https://7npmedia.w3cschool.cn/w3.css
| 版本
|
日期 | 描述
|
|---|---|---|
| 4.13 | 06/2019 | 在Normalize.css中适应了微小的变化 |
| 4.12 | 11/2018 | 添加w3-stretch |
| 4.11 | 10/2018 | 添加w3-auto
修改margin:auto 成 margin-left:auto 和 margin-right:auto 在 w3-content |
| 4.10 | 02/2018 | 添加"outline:0" 到 w3-bar-item in w3-bar 和 w3-bar-block |
| 4.09 | 12/2017 | 删除"outline:0" 从按钮中 |
| 4.08 | 10/2017 | 添加"z-index:1" 到 w3-dropdown-content |
| 4.07 | 08/2017 | 添加"vertical-align:middle" 到 images |
| 4.06 | 08/2017 | 增加了版本3的边框颜色类，可悬浮边框和可悬浮文本 |
| 4.05 | 06/2017 | 添加"display:block" 到 w3-responsive |
| 4.04 | 04/2017 | 添加 "float:none" 到 w3-bar-item 内部 w3-bar-block |
| 4.03 | 03/2017 | 修正了一个小错误在 "w3-col m3" |
| 4.02 | 03/2017 | 增加了版本3的文本颜色 |
| 4.01 | 03/2017 | 增加了版本3的灰色/灰色调亮
修正了一些边框颜色错误 |
| 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规范之外总会有一些浏览器特定的值。
| 属性 | 描述 |
|---|---|
| 指针事件 | CSS3 中的属性无效，但建议 CSS4 中使用。
在 W3.CSS 中使用，以从禁用元素中删除手形指针。 |
| 用户选择 | CSS3 中的属性无效，但建议 CSS4 中使用。
在 W3.CSS 中使用，以从可单击元素中删除文本选择。 |
| 伪类：有效 | 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;
}
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 标准。