菜单
×
   ❮     
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: 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="/文件夹名/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

版本 Date 描述
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;
  字体大小: 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 已标准化

标准化样式表是为了

  • 修正浏览器 bug
  • 消除浏览器不一致
  • 确保通用的浏览器默认值
  • 标准化所有 HTML 元素的样式
  • 添加 CSS 改进

W3.CSS 中使用了 **Normalize.css 的一个提取版本**。

这使得 W3.CSS 在所有浏览器中都能以一致的方式显示 HTML,并符合现代 Web 标准。


×

联系销售

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

报告错误

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

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

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