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

  • URLをコピーしました!
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を入れてある状態で。
目次

プログラミング学習を体系的に進めたい人へ

独学で基礎を確認したあとに、質問できる環境や転職・副業向けの学習サポートも比べたい人は、プログラミングスクールの比較記事も参考にしてください。学習目的、料金、受講期間、サポート範囲を分けて見ると、自分に合う学び方を選びやすくなります。


目次