下載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標準。