W3.CSS 下載
下載 W3.CSS
從以下連結下載 W3.CSS： https://w3schools.tw/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.tw/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.tw/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 標準。
