HTLMLファイルとCSSファイルを作成してサーバーにアップロードするだけではスタイルシートの指示が反映されません。HTMLファイルへスタイルシートが反映させるための、関連づけするリンクタグを<head>タグ内へ記述します。
<link> rel href type |
外部スタイルシートをHTML文書に読み込む。(スタイルシート) 書式 <link rel="stylesheet" href="外部スタイルシートのURL" type="text/css"> |
<style> type |
<head>タグ内に<style>タグを使用して、タグにスタイルを指定する。(スタイル要素) 書式 <style type="text/css"> ・・・ </style> |
<div> style class id |
HTML文書内で、要素をボックス要素にグループ化して、スタイルを設定する。 書式 <div style="プロパティ:値;プロパティ:値;・・・;プロパティ:値">〜</div> 書式 <div class="クラス名">〜</div> 書式 <div id="ID名">〜</div> |
<span> style class id |
HTML文書内で、要素をインライン要素にグループ化して、スタイルを設定する。 書式 <span style="プロパティ:値;プロパティ:値;・・・;プロパティ:値">〜</span> 書式 <span class="クラス名">〜</span> 書式 <span class="ID名">〜</span> |
HTMLタグ style class id |
スタイルを設定したいタグに直接記述する。 書式 <タグ style="スタイルの設定">・・・</タグ> 書式 <タグ class="クラス名">・・・</タグ> 書式 <タグ Id="ID名">・・・</タグ> |