codecamp

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">

尝试一下 »

或者下载 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">

如果你把 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">

如果你把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">

更新日志

从这个链接下载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;
}

尝试一下 »

W3.CSS被规范化

标准化样式表的目的是:

  • 纠正浏览器错误
  • 消除浏览器不一致
  • 确保常见的浏览器默认设置
  • 规范所有HTML元素的样式
  • 添加CSS改进

在 W3.CSS 中使用了 Normalize.css 的一个摘录。

这使得 W3.CSS 在所有浏览器中始终显示HTML,并且符合现代 Web 标准。





W3.CSS Templates(模板)
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }