久保清隆のブログ

ライフハック、健康、旅行など、役立つ情報を書きます。

スタイルシートの基礎 スタイルシートを適用する方法と優先順位

スタイルシートを適用する3つの方法

  • headにページのスタイルを記述
<head>
<style type="text/css">
  body {background-color:#000000;}
</style>
</head>
  • style属性を利用

タグに直接style属性を記述し、特定の部分にスタイルを設定する。

<body style="color:"ffffff;">
</body>

スタイルシートを別のファイルに記述し、複数のページのスタイルを設定する。

HTMLファイル
<link rel=stylesheet href="mystyle.css" type="text/css">

CSSファイル(mystyle.css)
body {background-color:#000000;}

スタイルの優先順位

  • 高い順に並べると、
    1. style属性で指定したスタイル
    2. headで指定したページのスタイル
    3. 外部スタイルシートのスタイル



お読み頂きありがとうございます。
少しでもお役に立てたらクリックお願いします↓。
ブログランキング・にほんブログ村へにほんブログ村 IT技術ブログへにほんブログ村 IT技術ブログ プログラム・プログラマへ人気ブログランキングへ