CSS:スタイルシートの記述方法

スタイルシートの記述方法にはいくつかの方法がある。ここでは、それらの方法をメモっておく。

スタイルシートの記述方法は、以下の3通りがある。

  • 各タグに直接記述する
    <p style="text-indent: 1em;">これは使用例です。</div>
  • html ファイル内にまとめて記述する
    <html>
    <head>
    <title>使用例</title>
    
    <style type="text/css">
    <!--
    h1{
      font-size: x-large;
      font-weight:bold;
    }
    -->
    </style>
    
    </head>
    
    <body>
    <h1>使用例</h1>
    スタイルシートの記述方法の例です。
    </body>
    </html>
    
  • 外部ファイルに記述する
    htmlファイル内の <head>タグ内に以下のコードを追加する。
    <link rel="stylesheet" href="外部ファイル名" type="text/css" />
    ※最後の"/" はXHTMLのときに必要。HTMLの場合は不要。

トラックバック(0)

このブログ記事に対するトラックバックURL: http://itsmemo.com/mt/mt-tb.cgi/10

※スパム防止のため、管理人がトラックバック内容確認後、公開されます。

コメントする