point 一つのページのみに適用する

<style type="text/css">〜</style>

1つだけのHTMLファイルに個別にスタイルを適用するには、<head>〜</head>の間に、<style>タグを使って<style type="text/css">〜</style>のように記入し、この中にスタイルの設定を記入してします。

<style>タグにtype="text/cssと記入されていますが、これは使われているスタイルシートがカスケーディング・スタイルシートであることを指定するためのものなので必ず記入しましょう。

それと、スタイルシート未対応のブラウザで、スタイルの設定内容が画面に表示されないようにするために、<!--と-->を使ってコメントアウトしておきます。

サンプル - Microsoft Internet Explorer

このページ限定で設定したスタイルが適用されます。

HTML&CSS
<html>
<head>
<title>一つのページに適用</title>
<style type="text/css">
<!--
p {border:double 5pt orange;
   color:#ff3333;
   background-color:#ffffff;}
  -->
</style>
</head>
<body>
<p>このページ限定で設定した
スタイルが適用されます。</p>
</body>
</html> 
 

スポンサード・リンク