css ファイルを読み込む方法

直接 html のタグ内で指定することもできる css 。
外部ファイルから css を読み込む方法を書いてみた。

簡単に言うと、次の一行を html の head 部分に組み込めば OK！

<link rel="stylesheet" type="text/css" href="style.css">

読み込む対象のファイルは style.css。
href の部分に "style.css" と書くと、style.css を読み込んでくれる。

ファイル全体で観ると次のようなに場所に組み込む感じ。

<html>
  <head>
    <link rel="stylesheet" type="text/css" href="css/style.css">
  </head>
  <body>
  </body>
</html>

分かりづらいかもしれないけど、
↓のような階層の場合

ディレクトリ図
index.html css ┗style.css

ここでは、 css というディレクトリを用意してその中に style.css を格納している。

ファイル名の前にファイルまでのパスを書くことで読み込んでくれる。

<link rel="stylesheet" type="text/css" href="css/style.css">

BlackTech