W3css-environment

提供：Dev Guides

移動先:案内、検索

W3.CSS-環境設定

W3.CSSの使用方法

W3.CSSを使用する2つの方法があります-

ローカルインストール-ローカルマシンにW3.CSSファイルをダウンロードして、HTMLコードに含めることができます。
* CDNベースのバージョン*-W3.CSSファイルをContent Delivery Network（CDN）から直接HTMLコードに含めることができます。

ローカルインストール

[[1]]
次に、ダウンロードしたw3.cssファイルをウェブサイトのディレクトリに置きます。/css。

例

これで、次のようにHTMLファイルに_css_ファイルを含めることができます-

<html>
   <head>
      <title>The W3.CSS Example</title>
      <meta name = "viewport" content = "width = device-width, initial-scale = 1">
      <link rel = "stylesheet" href = "css/w3.css">
   </head>

   <body>
      <header class = "w3-container w3-teal">
         <h1>Hello World!</h1>
      </header>
   </body>
</html>

それは次の結果を生成します-

CDNベースのバージョン

W3.CSSファイルは、コンテンツ配信ネットワーク（CDN）から直接HTMLコードに含めることができます。 W3Schools.comは、最新バージョンのコンテンツを提供します。

注-このチュートリアルでは、W3Schools.com CDNバージョンのライブラリを使用しています。

例

次に、W3Schools.com CDNのjQueryライブラリを使用して上記の例を書き直します。

<html>
   <head>
      <title>The W3.CSS Example</title>
      <meta name = "viewport" content = "width =  device-width, initial-scale = 1">
      <link rel = "stylesheet" href = "https://www.w3schools.com/lib/w3.css">
   </head>

   <body>
      <header class = "w3-container w3-teal">
         <h1>Hello World!</h1>
      </header>
   </body>
</html>

それは次の結果を生成します-

「https://www.finddevguides.com/index.php?title=W3css-environment&oldid=29166」から取得

W3Css Tutorial