ダウンロードW3.CSS
：このリンクから最新バージョンをダウンロードしhttp://www.w3ii.com/lib/w3.css
W3.CSSは無料です
W3.CSS利用は無料です。 いいえライセンスは必要ありません。
W3.CSSを使用する方法
W3.CSSを使用するには、ちょうどあなたのWebページで「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をダウンロードして、自分のWebサイトからそれを実行します。
例
<!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"> あなたのWebのルートに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 4月2016 ダウンロード2.5 |
| 2.5 | 調整後のマイナーな遷移値 |
| 2.4 | 追加されたW3-threequarter 追加されたW3-表示topmiddleとW3-表示bottommiddle 追加されたW3-透明でW3-ホバーなし 4秒から1.5秒にW3-アニメイト-不透明度の変更アニメーションの再生時間 |
| 2.3 | メディアクエリで固定マイナーなピクセルエラー W3-ボーダー色にすべての色のクラスを追加しました |
| 2.2 | 小さな画面上のW3-ナビゲーションバーの<LI>要素に100％の幅を追加しました（<601px幅）。 |
| 2.1 | W3-ホバー-影を追加しました。 W3-ホバーテキストベースカラーを追加しました。 W3-モーダル（1ではなく）に「3」のzインデックスを変更しました。 |
| 2.0 | 2月2016 ダウンロード2.0 |
| 1.99 | W3-メインとW3-崩壊を追加しました。 W3-セリフを追加しました。 W3-オーバーレイを追加しました。 W3-プログレスバーを追加しました。 W3-ショーインラインブロックを追加しました。 W3-アニメイト入力を追加しました。 W3-表示コンテナを追加しました。 W3-表示toprightを追加しました。 W3-表示TOPLEFTを追加しました。 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-BLOCKQUOTE削除しました。 代わりにW3-leftbarを使用してください。 |
| 1.91 | W3 - 赤 - 淡い、W3-淡黄色、W3-淡緑色、W3-淡いブルーを追加しました。 W3-topbar、W3-bottombar、W3-leftbar、W3-rightbarを追加しました。 、W3赤ボーダーW3ボーダー黄色、W3ボーダー緑色、W3ボーダー・ブルーを追加しました。 |
| 1.9 | 1月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-キーフレーム | アニメーションは、WebKitのブラウザ（クローム、サファリ、オペラの旧バージョン）で動作するようにW3.CSSに追加しました。 |
カスタマイズ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の改善を追加します。
以下からの抽出物 Normalize.cssは W3.CSSで使用されています。
これは、すべてのブラウザで一貫しW3.CSS表示HTMLを行い、最新のWeb標準規格に沿っインチ