W3.CSSダウンロード
W3.CSSをダウンロード
このリンクからW3.CSSをダウンロードします: https ://www.w3schools.com/w3css/4/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="https://www.w3schools.com/w3css/4/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">
変更ログ
このリンクからバージョン4.13をダウンロードします: https ://www.w3schools.com/w3css/4/w3.css
見る | 日にち | 説明 |
---|---|---|
4.15 | 2020年12月 | w3-sans-serif w3- cursivew3-monospaceでw3-serifを補足 |
4.14 | 2020年11月 | w3-padding-top-64 w3-padding-top-48 w3-padding-top- 32w3-padding-top-24で補足w3-padding |
4.13 | 2019年6月 | Normalize.cssのマイナーな変更に適応 |
4.12 | 2018年11月 | w3-stretchを追加しました |
4.11 | 2018年10月 | w3-autoを追加しまし たw3-contentのmargin:autoをmargin-left:autoとmargin-right:autoに変更しました |
4.10 | 2018年2月 | w3-barおよびw3-bar-blockのw3-bar-itemに「outline:0」を追加しました |
4.09 | 2017年12月 | ボタンから「outline:0」を削除 |
4.08 | 2017年10月 | w3-dropdown-contentに「z-index:1」を追加しました |
4.07 | 2017年8月 | 画像に「vertical-align:middle」を追加 |
4.06 | 2017年8月 | 境界線、ホバー可能な境界線、およびホバリング可能なテキストにバージョン3のカラークラスを追加しました |
4.05 | 2017年6月 | w3レスポンシブに「display:block」を追加 |
4.04 | 2017年4月 | w3-bar-block内のw3-bar-itemに「float:none」を追加しました |
4.03 | 2017年3月 | 「w3-colm3」のマイナーバグを修正しました |
4.02 | 2017年3月 | バージョン3のテキストの色を追加 |
4.01 | 2017年3月 |
グレー/グレーの色を明るくしました いくつかの境界線の色のエラーを修正 しました |
4.0 4.0 | 2017年2月 | |
3.0 | 2017年1月 | |
2.0 | 2016年2月 | |
1.0 | 2015年5月 |
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-キーフレーム | 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の改善を追加する
Normalize.cssからの抽出は、W3.CSSで使用されます。
これにより、W3.CSSはすべてのブラウザで一貫してHTMLを表示し、最新のWeb標準に準拠します。