W3.CSS チュートリアル

❮ ホームへ次章へ ❯

W3.CSS
より速く、より優れた
レスポンシブな Web サイト

W3.CSS とは？

組込み型のレスポンシブ性を持つ、小型で、高速な、現代的な CSS フレームワークです：

他の CSS フレームワークよりは、小型で高速です。
他の CSS フレームワークよりは、習得し易く、利用するのが容易です。
jQuery や JavaScript ライブラリを使わずに、標準の CSS のみを使用しています。
web 開発を高速化、簡略化します。
デフォルトで、現代的なレスポンシブデザイン（モバイル・ファースト）をサポートしています。
すべてのブラウザに同じ CSS を提供します。Chrome、Firefox、IE、Safari 等
PC、ラップトップ、タブレット、携帯の全デバイスに同じ CSS を提供します：

W3.CSS はフリーです

W3.CSS の利用は無料で、ライセンスは必要ありません。

使うのが容易です

「何事も出来得る限り単純化しなければならないが、必要以上に単純化してはならない。」
アルバート・アインシュタイン

例

<div class="w3-container w3-teal">
<h1>My Header</h1>
</div>

<img src="img_car.jpg" alt="Car">

<div class="w3-container">
<p>A car is a wheeled, self-powered motor vehicle used for transportation.</p>
</div>

<div class="w3-container w3-teal">
<p>My Footer</p>
</div>

Try It Yourself ❯

使い方

web サイトで W3.CSS を使うには、web ページから "w3.css" にリンクを追加するだけです：

例

<!DOCTYPE html>
<html>
<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="stylesheet" href="http://www.w3schools.com/lib/w3.css">

Try It Yourself ❯

または、w3css ダウンロードから w3.css をダウンロードし、自分の Web サイトのフォルダへのリンクを追加します：