備忘録

Windows,Linux,Mac,AWS,VMware,ネットワークなどの検証

CSSの３つの書き方

プログラミング

CSSを書く時の書式をすぐに忘れてしまうので、備忘録として書いておきます。

別ファイルに書き、タグ内にて読み込む

いちばんよく使う書式だと思われます。

<html>
  <head>
    <link rel="stylesheet" type="text/css" href="xxx.css">
  </head>
  <body>
    <p>本文</p>
  </body>
</html>

xxx.css

p {
    color: orange;
    background-color: aqua;
  }

タグ内に直接書く

<html>
  <head>
    <style type="text/css">
      p {
        color: orange;
        background-color: aqua;
      }
    </style>
  </head>
<body>
  <p>本文</p>
</body>

要素に直接書く

<html>
 <head>
 </head>
 <body>
    <p style="color: orange; background-color: aqua;">本文</p>
  </body>
</html>