CSSをHTML本文に書く方法と外部ファイルから読み込む方法

CSSをHTML本文に書く方法は以下のとおり。headタグ内にstyleタグを記述。type=”text/css”として、その中にCSSを記述すればよい。
CSSの記述が終われば、/styleタグで閉じること。

styleタグ内は、(昔対応して無かったブラウザを考慮して)慣習的にコメント<!– –>で記述してる人もいる。

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <style type="text/css">
    p {
       font-size:15px;
       background-color:#3399CC;
       color:#FF6600;
     }
  </style>
  <body>
  <p>
    CSSをHTML本文に書く方法
  </p>
  </body>
</html>

外部ファイルのCSSを読み込むには

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" >
</head>
<body>
  <p>
    外部ファイルのCSSを読み込む方法
  </p>
</body>
</html>

↑このhtmlファイルがある階層の下にcssフォルダを作ってその中に外部ファイルbootstrap.min.cssを入れてある状態で。

タイトルとURLをコピーしました