下载W3.CSS
:从这个链接下载最新版本的http://www.w3ii.com/lib/w3.css
W3.CSS是免费的
W3.CSS是免费使用。 没有许可证是必要的。
如何使用W3.CSS
要使用W3.CSS,只需添加在网页中链接到“w3.css”:
例
<!DOCTYPE html>
<html>
<title>My Web</title>
<meta
name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet"
href="http://www.w3ii.com/lib/w3.css">
试一试» 或下载w3.css,并从自己的网站运行:
例
<!DOCTYPE html>
<html>
<title>My Web</title>
<meta
name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet"
href="w3.css">
如果你把w3.css子文件夹,添加斜线之间的文件夹名称:
例
<!DOCTYPE html>
<html>
<title>My Web</title>
<meta
name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet"
href="/ foldername /w3.css">
如果你把w3.css在您的网站的根目录,添加斜线:
例
<!DOCTYPE html>
<html>
<title>My Web</title>
<meta
name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet"
href="/w3.css">
最新版本
版 | 描述 |
---|---|
2.6 | 2.6版2016年五月下载2.6 |
2.52 | 新增W3-填充-HOR和W3-填充-VER |
2.5 | 2.5版2016年四月下载2.5 |
2.5 | 调整后的未成年人的过渡值 |
2.4 | 新增W3-threequarter 新增W3显示-topmiddle和W3显示-bottommiddle 新增W3透明和W3悬停,无 从4到1.5秒W3-动画,不透明度更改动画时长 |
2.3 | 在媒体查询固定的较小像素的错误 添加完所有颜色类W3-border- 色 |
2.2 | 增加了100%,宽度在小屏幕上的W3-导航栏<LI>元素(<601px宽)。 |
2.1 | 新增W3悬停阴影。 新增W3-悬停文本的颜色 。 W3模态(而不是1)为“3”的变化的z索引。 |
2.0 | 2016年二月下载2.0 |
1.99 | 新增W3-主要和W3崩溃。 新增W3衬线。 新增W3-覆盖。 新增W3-进度。 新增W3秀-inline-block的。 新增W3-动画输入。 新增W3显示容器。 新增W3显示-topright。 新增W3-显示,左上。 新增W3显示-bottomright。 新增W3显示-BOTTOMLEFT。 |
1.98 | 新增W3-动画衰落。 |
1.97 | 新增W3-BTN块。 新增W3-手风琴和W3-手风琴的内容。 |
1.96 | 新增下拉到W3-sidenav。 添加幻灯片 添加了选项卡(制表) |
1.95 | 新增W3垂直。 新增苍白W3-悬停颜色。 |
1.94 | 新增W3-导航栏。 新增W3-hover- 颜色 。 |
1.93 | 去除W3-标签。 使用W3-topnav或W3-sidenav代替。 |
1.92 | 去除W3-块引用。 使用W3-leftbar代替。 |
1.91 | 新增W3-淡红色,W3-浅黄色,W3,浅绿色,W3-淡蓝色。 新增W3-顶栏,W3-bottombar,W3-leftbar,W3-rightbar。 新增W3-边境红色,W3边境黄色,W3边境绿色,W3边界蓝。 |
1.9 | 2016年一月下载1.9 |
1.8 | 2015年12月。 |
1.7 | 2015年11月。 |
1.6 | 2015年10月。 |
1.5 | 2015年9月。 |
1.4 | 2015年8月。 |
1.3 | 2015年8月。 |
1.2 | 2015年7月。 |
1.1 | 2015年6月。 |
1.1 | 2015年5月。 |
验证W3.CSS
验证W3.CSS可能会返回一些错误。
当您运行W3C验证,你经常会得到一些错误。 总是会有当前的W3C规范之外的一些浏览器的具体数值。 |
属性 | 描述 |
---|---|
指针事件 | 在CSS3无效的属性,但建议对CSS4。 用于W3.CSS从禁用的元素删除手形指针。 |
用户选择 | 在CSS3无效的属性,但建议对CSS4。 用于W3.CSS从点击元素删除文本选择。 |
伪类:有效 | 在CSS3值无效,但建议对CSS4。 用于W3.CSS来表示有效的输入。 |
@ -webkit-关键帧 | 加入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是归
正火的样式表做是为了:
- 正确的浏览器的bug
- 删除浏览器的不一致性
- 保证通用的浏览器默认设置
- 规范化的样式所有的HTML元素
- 添加CSS改进
从提取物 Normalize.css在W3.CSS使用。
这使得W3.CSS显示HTML始终在所有浏览器,并与现代Web标准。